Button
The Button component is an interactive element used to trigger actions or events. It provides a consistent and accessible way for users to interact with the interface, featuring customizable styles and states.
tsx
Variants
Primary for main actions, secondary for alternatives, terciary for ghost actions, and destructive for dangerous operations.
Sizes
Four sizes from xs to lg. Each adjusts height, padding, font size, and icon size.
Disabled
Prevents interactions with muted styling and blocked pointer events.
With Icons
Place icons before or after the label. Icons scale automatically based on the button size. Use any icon library compatible with React.