Components
Loading preview...
@felipemenezes098
npx shadcn@latest add https://21st.dev/r/felipemenezes098/one-clipboard'use client'
import { useState } from 'react'
import { CheckIcon, CopyIcon } from 'lucide-react'
import { Button } from '@/components/ui/button'
export function Button13() {
const [copied, setCopied] = useState(false)
function handleCopy() {
navigator.clipboard.writeText('npm install shadcn')
setCopied(true)
setTimeout(() => setCopied(false), 1500)
}
return (
<Button variant="outline" onClick={handleCopy}>
{copied ? (
<CheckIcon size={16} strokeWidth={2} data-icon="inline-start" className="text-emerald-500" />
) : (
<CopyIcon size={16} strokeWidth={2} data-icon="inline-start" />
)}
<span className="ml-1">{copied ? 'Copied' : 'Copy'}</span>
</Button>
)
}
export default Button13