ayo/lion

Thomas Allmer 89b835a799 feat: improved storybook demos

Co-authored-by: Joren Broekema <Joren.Broekema@ing.com>
Co-authored-by: Alex Ghiu <Alex.Ghiu@ing.com>
Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com>

2020-01-13 13:58:03 +01:00

835 B

Raw Blame History

Option

lion-option is a selectable within a lion-select-rich

Live Demo/Documentation

See our storybook for a live demo and API documentation

How to use

Installation

npm i --save @lion/option

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

Example

<lion-option .choiceValue=${'hotpink'} checked>Hotpink</lion-option>

You can also set the full modelValue for each option.

<lion-option .modelValue=${{ value: 'red', checked: false }}>Red</lion-option>

This component should not be used standalone. It is not accessible unless it is a child of a listbox-like element.

For more details on usage, please see lion-select-rich.

835 B Raw Blame History