minflow

Selection

Listbox

Where a select hides its options, a listbox keeps them on screen. Use it when the user needs to see and compare what is available, and when several choices can be active at once.

npx shadcn@latest add @minflow/listbox

Where to use it

  • Multi-select filters where the current selection should stay visible.
  • Side panels with room for a standing list.

Variations

Multi-select

The default. Each toggle draws or erases its own check.

Single-select

When only one option can be active but all of them should stay visible.