Common buttons
Name | Type | Description |
|---|---|---|
| variant | String: filled, tonal, outlined, elevated, text | Set the variant of the button. |
| className | String | Refine the styles if the default ones don't fit and need customization. |
| onClick | Function | Controls the button's behaviour. |
| iconLeft | Node | Adds icon before button label |
| iconRight | Node | Adds icon after button label |
| icon | Node | Adds single icon button |
| disabled | Boolean | Set the state of the button to disabled. |
| children | Node | Set the displayed text on the button. |
| text | String | Set the displayed text on the button. |
Extended FAB
Name | Type | Description |
|---|---|---|
| variant | String: surface, secondary, tertiary | Set the variant of the button. |
| className | String | Refine the styles if the default ones don't fit and need customization. |
| onClick | Function | Controls the button's behaviour. |
| icon | Node | Adds single icon button |
| disabled | Boolean | Set the state of the button to disabled. |
| children | Node | Set the displayed text on the button. |
| text | String | Set the displayed text on the button. |
FAB
Name | Type | Description |
|---|---|---|
| variant | String: surface, secondary, tertiary | Set the variant of the button. |
| className | String | Refine the styles if the default ones don't fit and need customization. |
| onClick | Function | Controls the button's behaviour. |
| icon | Node | Adds single icon button |
| disabled | Boolean | Set the state of the button to disabled. |
Icon buttons
Name | Type | Description |
|---|---|---|
| variant | String: filled, tonal, outlined, standard️ | Set the variant of the button. |
| className | String | Refine the styles if the default ones don't fit and need customization. |
| onClick | Function | Controls the button's behaviour. |
| icon | Node | Adds single icon button |
| disabled | Boolean | Set the state of the button to disabled. |
| id️ | String | The id attribute. |