/dile-button

Web Component to implement an animated button, based on LitElement

Primary LanguageJavaScriptMIT LicenseMIT

<dile-button>

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