@lion/switch NPM

Interaction >> Switch >> Overview ||10

A web 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. Switch is not a Checkbox in disguise and should not be used as part of a form.

import { html } from '@lion/core';
import '@lion/switch/define';

export const main = () => html` <lion-switch label="Label" help-text="Help text"></lion-switch> `;

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()

Installation

npm i --save @lion/switch

import { LionSwitch } from '@lion/switch';
// or
import '@lion/switch/define';

lion switch web-components

@lion/core @lion/form-core @lion/helpers

@everything-registry/sub-chunk-551 @riovir/karin-components @zalastax/nolb-_lio @lion/form-integrations @backlight-dev/teste-comp.simba-l9x8ele4 @bliss-design-system/toggle @backlight-dev/another-one.simba-kvs6sh3m @backlight-dev/bespace.simba-kv9mge72 @backlight-dev/degree-undergo-gztam.simba-ldk6j2gd @backlight-dev/dtcg.simba-ktl6nkz3 @backlight-dev/fine-faucet-r5cia.simba-kv9anepq @backlight-dev/m4dz.simba @backlight-dev/phyum.phyum @backlight-dev/sincere-response-8fi2r.simba-kzanpojj @divriots/spooky @divriots/starter-simba

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago