Button is used to start an instant operation and is used when triggers an action or event
variant prop
value to default, twoTone, solid, or plain.xs, sm, md & lg, The default size is md.disabled prop to true to disabled a button.none or circle, the default shape is roundicon proploading prop to true to shows a loading indicator, it will disabled the button as well.block prop| Prop | Description | Type | Default |
|---|---|---|---|
| variant | The variant of the button | 'solid' | 'plain' | 'default' | 'default' |
| size | Size of the button. | 'lg' | 'md' | 'sm' | 'xs' | 'md' |
| clickFeedback | Feedback effect upon button clicked | boolean | true |
| customColorClass | Callback function to create a custom color for button | (state: {active: boolean, unclickable: boolean}) => string | - |
| shape | Border radius of the button | 'round' | 'circle' | 'none' | 'round' |
| disabled | Prevents user interact with the button | boolean | false |
| icon | Render icon | string | ReactNode | - |
| active | Set button to active status | boolean | false |
| loading | Show a loading spinner & disable the button | boolean | false |
| block | Make button fill to its container width | boolean | false |