Skip to content

Collections

The collections components of @arbol-ai/ui: Filter chips, Pick list, Tag group.

  • Filter chips: FilterChips: one choice among a few, above a list, with “All” first and optional counts; the chosen chip inverts. FilterToggle: one on/off filter such as including inactive records.
  • Pick list: Choose many from a long list: an accent-insensitive search narrows it, “Select the matches” takes every match at once, and only the rows in view are rendered. Arrows, Home, End, Space and Ctrl+A work as in any list box.
  • Tag group: A set of chips: labels, services, filters in force. Arrow keys move between tags; with onRemove each tag has a remove button (and Backspace removes the focused one); with selectionMode tags can be chosen.

Type to search…

↑↓ navigate↵ selectEsc close