https://github.com/polydile/dile-button
Web Component to implement an animated button, based on LitElement
https://github.com/polydile/dile-button
javascript litelement webcomponents
Last synced: 25 days ago
JSON representation
Web Component to implement an animated button, based on LitElement
- Host: GitHub
- URL: https://github.com/polydile/dile-button
- Owner: Polydile
- License: mit
- Created: 2017-12-19T23:14:53.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-05-06T15:20:42.000Z (about 7 years ago)
- Last Synced: 2025-01-25T18:43:27.258Z (over 1 year ago)
- Topics: javascript, litelement, webcomponents
- Language: JavaScript
- Homepage:
- Size: 25.4 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Moved
This package has moved to @dile/ui in [dile-components catalog](https://dile-components.com/).
# \
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.
```html
```
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