Web Components - Picker

info

For information about creating forms and using our web components, see our pages on Forms.

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.