/bronco-button

Lightweight, modern button. Built with LitElement

Primary LanguageJavaScript

-----------------------------------------------------

➤ Live demo

See the Pen bronco-button by marius2502 (@marius2502) on CodePen.

-----------------------------------------------------

➤ bronco-button

Modern button

Properties

Property Type Default Description
outline boolean false Makes the button outlined
outlineEffect boolean false Enables the outline effect after clicking

Events

Event Description
clicked Dispatches when button is clicked.

CSS Custom Properties

Property Description
--bg-color Background color
--bg-color-focus Background color when focused
--bg-color-focus-hover Background color when focused and hovered
--bg-color-hover Background color when hovered
--border-radius Border radius
--button-color-shadow Shadow color when not focused
--button-color-shadow-focus Shadow color when focused
--color text color
--color-focus-hover text color when focused and hovered
--height Height of button
--margin Margin of button
--min-width Width of button
--primary-color Change primary color easily
--primary-color-hover Hover background color

Slots

Name Description
Default content.

-----------------------------------------------------

➤ Contributors

Marius Bongarts You?
Marius Bongarts You?
marius@bongarts.net
🔥

-----------------------------------------------------

➤ License

Licensed under ISC.