T
TailNG

Playground

Home tailng.com

Option List

A reusable primitive for rendering selectable option lists. Used by Autocomplete, Select, and other popup-based components.

Basic Usage

Tip: click inside the list (or Tab into it) and use ↑/↓, Home/End, PageUp/PageDown.

Custom Display

Custom Display with Template

Empty State

Modal (Focus-trapped)

When modal=true, the option list behaves like a contained picker: focus is trapped inside, keyboard navigation is enabled, and typeahead works. Useful for mobile pickers, command lists, or decision-focused flows.

Modal Lage List (Focus-trapped)

When modal=true, the option list behaves like a contained picker: focus is trapped inside, keyboard navigation is enabled, and typeahead works. Useful for mobile pickers, command lists, or decision-focused flows.