Skip to main content
Version: Current

Web Components - Picker

A selection input that enables the user to select multiple options.

Set-up

import { provideDesignSystem, alphaPicker } from '@genesislcap/alpha-design-system';

provideDesignSystem().register(alphaPicker());

Usage

<alpha-picker
default-selection=""
selection=""
options="apples,oranges,bananas,pears,pineapples,strawberries"
no-suggestions-text="No suggestions available"
suggestions-available-text="Suggestions available"
loading-text="Loading"
label="Select some things"
></alpha-picker>

Use cases

Selecting multiple options in the same input.