ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
lion/packages/switch
History
CircleCI f286e3ac28 chore: release new versions 
- @lion/checkbox-group@0.8.5
 - @lion/choice-input@0.7.7
 - @lion/dialog@0.4.10
 - @lion/field@0.11.4
 - @lion/fieldset@0.9.4
 - @lion/form-system@0.6.6
 - @lion/form@0.4.19
 - @lion/input-amount@0.5.19
 - @lion/input-date@0.5.20
 - @lion/input-datepicker@0.10.2
 - @lion/input-email@0.6.4
 - @lion/input-iban@0.6.4
 - @lion/input-range@0.2.19
 - @lion/input@0.5.19
 - @lion/overlays@0.12.5
 - @lion/radio-group@0.8.5
 - @lion/select-rich@0.12.2
 - @lion/select@0.5.19
 - @lion/switch@0.7.2
 - @lion/textarea@0.5.20
 - @lion/tooltip@0.8.5
2020-03-19 09:07:33 +00:00
..
src feat: use Scoped Elements 2020-03-05 16:04:49 +01:00
stories chore(switch): fix storybook rendering 2020-03-05 10:46:37 +01:00
test feat: finalize validation and adopt it everywhere 2019-11-18 15:30:08 +01:00
CHANGELOG.md chore: release new versions 2020-03-19 09:07:33 +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-03-19 09:07:33 +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>