Button

Demo

Variants

Sizes

Props

PropTypeDescription
variant'default' | 'outline' | 'secondary' | 'destructive' | 'link' | 'ghost' (optional)The style variant of the button. Options include 'default', 'outline', 'secondary', 'destructive', 'link', and 'ghost'.
size'default' | 'sm' | 'lg' | 'icon' (optional)The size of the button. Options are 'default', 'sm', 'lg', and 'icon'.
classNamestring (optional)Custom CSS class for additional styling.
childrenReact.ReactNode (optional)The content to be displayed inside the button.