Package Exports
- @lion/option
- @lion/option/lion-option.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@lion/option) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Option
🛠 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-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/optionimport '@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.