Button
The foundational button component with multiple variants, sizes, and full Radix UI Slot support for polymorphic usage. Designed to be the workhorse of your UI with consistent styling and accessible interactions.
Live Interactive Preview
Source
npx futureuikit add button Details
Supports standard variants: Default, Destructive, Outline, Secondary, Ghost, and Link.Four size options: Default, Small (sm), Large (lg), and Icon.Full asChild support via Radix UI Slot for flexible component composition.Highly accessible with built-in focus states and disabled handling.Consistent, professional aesthetic that fits any design system.
How to Use?
- Import the Button component from your UI directory.
- Select the desired variant and size via props.
- Use the 'asChild' prop if you need to render the button as a different element (like a Next.js Link).
- Add icons or text as children.