Components
Loading preview...
Renders a clickable button or an element styled as a button with advance options
npx shadcn@latest add https://21st.dev/r/sean0205/button-1import Link from 'next/link';
import { Button } from '@/components/ui/button-1';
export default function ButtonDemo() {
return (
<div className="flex flex-col items-center gap-6">
<Button mode="link" underline="solid" asChild>
<Link href="#">Solid</Link>
</Button>
<Button mode="link" underline="dashed">
<Link href="#">Dashed</Link>
</Button>
<Button mode="link" underlined="solid">
<Link href="#">Underlined - Solid</Link>
</Button>
<Button mode="link" underlined="dashed">
<Link href="#">Underlined - Dashed</Link>
</Button>
</div>
);
}