Web Component to implement a simple animated button, based on LitElement
This components accepts a "role" property to styling. Accepted values are: undefined, primary, danger, warning, success
Implements a boolean property called "disabled" to disable the button.
Clicks on the button produces a CSS animation, but only when the button disabled property is false.
<dile-button
role="primary"
disabled
></dile-button>| Custom property | Description | Default |
|---|---|---|
| --dile-button-padding | Padding applied to the buttton box | 10px |
| --dile-button-border-width | Border applied to the button box | 0 |
| --dile-button-boder-color | Border color applied to the button box | transparent |