ComponentsTrakteer
Button
A button component
Usage
npx @fydemy/ui@latest add button<Button>Create !</Button>Prop
Type
Examples
Text & icon
A button with icon beside the text content. Use lucide-react icon is recommended.
<Button>Register <ArrowRight /></Button>
<Button variant="outline">Login <LogIn /></Button>Variants
Control the variant either default, outline, destructive, dark. default is the default value.
<Button>Default</Button>
<Button variant="outline">Outline</Button>
<Button variant="destructive">Destructive</Button>
<Button variant="dark">Dark</Button>Style
Control the style either default, icon, shadow. shadow is the default value.
<Button>Shadow</Button>
<Button style="default">Default</Button>
<Button style="icon"><LogIn /></Button>