Button
Description
<jp-button> is a component with <button> functionality.
Attributes
| Name | Required | Type | Description |
|---|---|---|---|
| disabled | boolean | determines if a button is disabled | |
| loading | boolean | determines the display of a loading state | |
| variant | 'basic' | 'raised' | 'stroked' | 'flat' | 'icon' | 'fab' | 'mini-fab' | visual style of the button | |
| color | 'default' | 'primary' | 'accent' | 'warn' | visual appearance of the button | |
| type | 'button' | 'submit' | determines the behaviour of the button |
Slots
Used for inserting custom content inside the button.
Methods
This component does not have any methods.
Events
This component does not have any events.
Demo
Live Editor
// import '../static/c/button.wc.js'; <jp-button>button</jp-button>
Result
Loading...