lion/docs/components/button/overview.md

parts	title	eleventyNavigation
Button Overview	Button: Overview	key order parent title Button: Overview 10 Button Overview

Button: Overview

A button web component that is easily stylable and accessible.

import { html } from '@mdjs/mdjs-preview';
import '@lion/ui/define/lion-button.js';

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

npm i --save @lion/ui

import { LionButton, LionButtonReset, LionButtonSubmit } from '@lion/ui/button.js';
// or
import '@lion/ui/define/lion-button.js';