Button

A versatile button component with multiple variants, sizes, and states for user interactions.

Preview

Usage

Button.jsx
1import { Button } from 'reactfine-ui';
2function App() {
3  return ( 
4     <Button variant="primary">Button</Button>
5  );
6}

Props

PropTypeDefaultDescription
variantstringprimaryButton style variant
sizestringmdButton size (sm, md, lg, icon)
disabledbooleanfalseDisable button interaction
loadingbooleanfalseShow loading state
roundedstringmdButton rounded (sm, md, lg, full)
classNamestring-Custom CSS classes
focusstringprimaryButton focus

Examples

Sizes

States

Rounded

Custom Style