ayo/lion

History

Joren Broekema a451d4fc8a chore: apply prettier formatting changes		2020-04-29 10:05:06 +02:00
..
src	chore: apply prettier formatting changes	2020-04-29 10:05:06 +02:00
stories	chore(switch): fix storybook rendering	2020-03-05 10:46:37 +01:00
test	chore: apply prettier formatting changes	2020-04-29 10:05:06 +02:00
CHANGELOG.md	chore: release new versions	2020-04-02 14:28:44 +00:00
index.js	chore(switch): rename	2019-10-30 16:21:30 +01:00
lion-switch-button.js	chore(switch): rename	2019-10-30 16:21:30 +01:00
lion-switch.js	chore(switch): rename	2019-10-30 16:21:30 +01:00
package.json	chore: release new versions	2020-04-02 14:28:44 +00:00
README.md	feat: improved storybook demos	2020-01-13 13:58:03 +01:00

README.md

Switch

lion-switch is a component that is used to toggle a property or feature on or off. Toggling the component on or off should have immediate action and should not require pressing any additional buttons (submit) to confirm what just happened. The Switch is not a Checkbox in disguise and should not be used as part of a form.

Live Demo/Documentation

See our storybook for a live demo and documentation

How to use

Installation

npm i --save @lion/switch

import '@lion/switch/lion-switch.js';

Example

<lion-switch name="airplaneMode" label="Airplane mode" checked></lion-switch>