Koala logo Design
Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PrimitivesSelect & inputChip picker

Chip picker

Several choices from a known list: each one a chip with a remove button, and typing suggests the rest.

<koala-chip-picker>

Chip picker

With choices
No matches
Empty
No matches
Typing something new
Press Enter to add it

API

x-model the caller's array of chosen values; the caller renders whatever posts them
options IEnumerable<KoalaSelectOption>; label is the chip, secondary helps the search
label string; the field's accessible name
placeholder / empty-text string
allow-new bool; Enter adds what was typed when nothing matches
data-analytics base intent; renders .add on suggestions and .remove on chips
Open