@fluid-topics/ft-chip-choice

Chip-choice is a component used to make single-select or multi-select selections. The appearance of chip-choice is based on the chip component, but the nature of chip-choice is different. In multi-select mode, chip-choice behaves like a group of checkboxes. In single-select mode, chip-choice behaves like a radiogroup.

Install

npm install @fluid-topics/ft-chip-choice
yarn add @fluid-topics/ft-chip-choice

Usage

import { html } from "lit"
import "@fluid-topics/ft-chip-choice"

function render() {
    return html`
        <ft-chip-choice multiselect>
            <ft-chip-choice-option value="1">Option 1</ft-chip-choice-option>
            <ft-chip-choice-option value="2">Option 2</ft-chip-choice-option>
            <ft-chip-choice-option value="3">Option 3</ft-chip-choice-option>
        </ft-chip-choice>
    `
}