MVP Verson: 0.4.8 beta
Lang Icon
Toggle Icon
Button
The Button component is used to trigger an action or event, such as submitting a form, opening a
dialog, canceling an action, or performing a delete operation.
Default
PreviewCode
Success
PreviewCode
Danger
PreviewCode
Transparent
PreviewCode
Material
PreviewCode
Neumorphism
PreviewCode
Diasbled
PreviewCode
Props
Universal Props
PropTypeAccepted ValuesDescriptionDefaultVersion
typestringdefault | transparent | danger | successSpecifies the button style. Supports four predefined types. Custom styles can be applied via the "sx" prop.default-
sizestringsmall | medium | large | hugeSpecifies the button size. Supports four preset sizes. Custom sizes can be defined using the "sx" prop.medium-
sxobjectobjectInline styles for customizing the button appearance. Note: Inline styles defined via the "style" prop take precedence over "sx".{}-
disabledbooleantrue | falseDisables the button if set to true.false-
outlinebooleantrue | falseApplies an outline style to the button.false-
enubooleantrue | falseApplies neumorphic styling when enabled.false0.3.0
onClick(event: React.MouseEvent<HTMLElement, MouseEvent>) => void-Callback function triggered when the button is clicked.--
classNamestring-Custom CSS class name(s) applied to the button.--