30 lines
749 B
Markdown
30 lines
749 B
Markdown
# Interaction >> Button >> Overview ||10
|
|
|
|
A button web component that is easily stylable and accessible.
|
|
|
|
```js script
|
|
import { html } from '@mdjs/mdjs-preview';
|
|
import '@lion/button/define';
|
|
```
|
|
|
|
```js preview-story
|
|
export const main = () => html` <lion-button>Default</lion-button> `;
|
|
```
|
|
|
|
## Features
|
|
|
|
- Clickable area that is bigger than visual size
|
|
- A special `button-reset` and `button-submit` works with native form / inputs
|
|
- `button-submit` has integration for implicit form submission similar to how native `<form>`, `<input>` and `<button>` work together.
|
|
|
|
## Installation
|
|
|
|
```bash
|
|
npm i --save @lion/button
|
|
```
|
|
|
|
```js
|
|
import { LionButton, LionButtonReset, LionButtonSubmit } from '@lion/button';
|
|
// or
|
|
import '@lion/button/define';
|
|
```
|