Components
Renders a clickable button or an element styled as a button with advance options
Loading preview...
import 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>
);
}
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Part of ReUI — browse the full library on 21st.dev.