A versatile button component with multiple variants, sizes, and styles. Built with accessibility in mind.
npx micomponents-cli add buttonimport { Button } from "@/components/ui/button";<Button variant="primary" size="md">
Click Me
</Button>Use different variant props to display different button styles: primary, secondary, tertiary, and more.
Control button appearance with size prop (micro, xs, sm, md, lg, xl) for different occasions.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | string | primary | The button color variant |
| size | micro | xs | sm | md | lg | xl | md | The button size |
| stylebtn | filled | outlined | text | filled | The button style |
| disabled | boolean | false | Disables the button |