Button
A versatile button component with multiple variants, sizes, and states for user interactions.
1import { Button } from 'reactfine-ui';
2function App() {
3 return (
4 <Button variant="primary">Button</Button>
5 );
6}
Prop | Type | Default | Description |
---|---|---|---|
variant | string | primary | Button style variant |
size | string | md | Button size (sm, md, lg, icon) |
disabled | boolean | false | Disable button interaction |
loading | boolean | false | Show loading state |
rounded | string | md | Button rounded (sm, md, lg, full) |
className | string | - | Custom CSS classes |
focus | string | primary | Button focus |