ayo/lion

Thomas Allmer 396deb2e3b feat: finalize validation and adopt it everywhere

Co-authored-by: Alex Ghiu <alex.ghiu@ing.com>
Co-authored-by: Gerjan van Geest <Gerjan.van.Geest@ing.com>
Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com>
Co-authored-by: Joren Broekema <joren.broekema@ing.com>
Co-authored-by: Erik Kroes <erik.kroes@ing.com>

2019-11-18 15:30:08 +01:00

805 B

Raw Blame History

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.

Features

Get or set the checked state (boolean) - checked boolean attribute
Pre-select an option by setting the checked boolean attribute
Get or set the value of the choice - choiceValue()

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>

805 B Raw Blame History