Button
Used to trigger an operation.
Sizes
These sizes are standardized across form components.
Shapes
Prefix and Suffix
Types
Variant - Ghost
Loading
Disabled
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
size | 'small' | 'normal' | 'large' | 'normal' | No | Size of the button. |
shape | 'round' | 'square' | 'square' | No | Shape of the button corners. |
prefix | React.ReactNode | undefined | No | Content to be displayed before the button text. |
suffix | React.ReactNode | undefined | No | Content to be displayed after the button text. |
type | AccentColors | 'primary' | No | Visual style variant of the button. |
variant | 'ghost' | undefined | No | Alternative style variant that shows only outlines. |
loading | boolean | false | No | Shows a loading spinner and disables the button. |
disabled | boolean | false | No | Disables button interactions and dims its appearance. |