Appearance

On this page

Select ​

A select component that integrates URL filters seamlessly, supports external customization, includes an optional search bar, and dynamically adapts to the data format, offering Tree Select or Multi-Select functionality as needed.

The Component ​

Playground ​

Options

Allow multiple options to be selected
Show search bar
Show flags
Show tree select

Component API ​

This select component uses the useFilters composable to seamlessly integrate filters into the URL. Its behavior adapts dynamically based on the data format: if the value is an array, the select functions as a multiselect; if the value is a tree structure, it transforms into a tree select.

Dependencies ​

  • useFilters
  • TreeSelectItem
  • HighlightString
  • Headless UI
  • Heroicons