Switch
🛠 Status: Pilot Phase
Lion Web Components are still in an early alpha stage; they should not be considered production ready yet.
The goal of our pilot phase is to gather feedback from a private group of users.
Therefore, during this phase, we kindly ask you to:
- not publicly promote or link us yet: (no tweets, blog posts or other forms of communication about Lion Web Components)
- not publicly promote or link products derived from/based on Lion Web Components
As soon as Pilot Phase ends we will let you know (feel free to subscribe to this issue https://github.com/ing-bank/lion/issues/1)
lion-switch
is a component that is used to toggle a property or feature on or off.
Features
- Get or set the checked state (boolean) -
choiceChecked()
- Get or set the value of the choice -
choiceValue()
- Pre-select an option by setting the
checked
boolean attribute
How to use
Installation
npm i --save @lion/switch
import '@lion/swith/lion-switch.js';
Example
<lion-switch name="airplaneMode" label="Airplane mode" checked></lion-switch>