4.2.0 • Published 4 years ago
lit-button v4.2.0
lit-button
Dead simple lit-element button
Installation
yarn add lit-button
Usage
Properties
disabled: boolean
indicates whether the button is disabled.autofocus: boolean
indicates whether the button is focused when the page loads.href: string
navigates to the given URL when clicked on.
CSS Shadow Parts
button
the underlying button.
lit-button.colored-border::part(button) {
border: 4px solid yellowgreen;
border-radius: 10px;
}
CSS Variables
lit-button also has some CSS variables for quick customization.
--button-outline-color
focus outline color, defaults to 8dc3eb
.
Examples
html`
<lit-button @click=${() => alert('Hello world')}>Default</lit-button>
<lit-button disabled>Disabled</lit-button>
<lit-button autofocus>Auto-focused</lit-button>
`;
Build Instructions
yarn dev
builds the project in dev modeyarn build
builds and lints the project in production modeyarn serve
runs a demo page in browser (you have to build the project first)yarn test
runs UI tests
4.2.0
4 years ago
4.1.0
4 years ago
4.0.1
4 years ago
4.0.0
4 years ago
3.5.0
4 years ago
3.4.0
4 years ago
3.3.0
4 years ago
3.2.0
4 years ago
3.1.5
4 years ago
3.1.2
4 years ago
3.1.4
4 years ago
3.1.1
4 years ago
3.1.0
4 years ago
3.0.1
5 years ago
3.0.0
5 years ago
2.2.1
5 years ago
2.2.0
5 years ago
2.1.0
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.1.0
5 years ago
1.0.0
5 years ago