Button
Main user control action for the user.
<Button animate layer='success'>Arwes</Button>
| Prop name | Type | Default | Description |
|---|---|---|---|
| Animation | any | AnimationComponent | |
| Highlight | any | HighlightComponent | |
| Frame | any | FrameComponent | |
| theme | any | Required | |
| classes | any | Required | |
| animate | bool | ||
| show | bool | true | |
| animation | object | ||
| sounds | object | {} | It uses the |
| layer | enum | 'control' | One of: 'primary', 'secondary', 'header', 'control', 'success', 'alert', 'disabled' |
| disabled | bool | ||
| active | bool | ||
| level | number | 2 | The inside |
| buttonProps | object | Props to pass down to the | |
| children | any | If function, receives the animation status object. |
| Method name | Parameters | Description |
|---|---|---|
| onClick | ev:Event | Internal click event listener. |
Source code: src/Button Open in: Playground