lion-checkbox component is a sub-element to be used in lion-checkbox-group elements. Its purpose is to provide a way for users to check multiple options amongst a set of choices, or to function as a single toggle.

• 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

npm i --save @lion/checkbox;

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

<lion-checkbox name="scientists[]" label="Archimedes" .choiceValue=${'Archimedes'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Francis Bacon" .choiceValue=${'Francis Bacon'}></lion-checkbox>
<lion-checkbox name="scientists[]" label="Marie Curie" .choiceValue=${'Marie Curie'}></lion-checkbox>

• Use this component inside a lion-checkbox-group
• Make sure that it has a name attribute with appended [] for multiple choices.