List (fuzzy filter)
NewA full-featured list: incremental fuzzy/subsequence filtering, item descriptions, a status bar, viewport scrolling and per-element styling. Press / to filter, type to narrow, Esc to clear.
Install the package
Every component ships in the single dart_tui package.
$dart pub add dart_tui
ListModel(
items: [
ListItem(title: 'Apple', description: 'A crisp red fruit'),
ListItem(title: 'Banana', description: 'A yellow tropical fruit'),
ListItem(title: 'Cherry', description: 'A small stone fruit'),
],
title: 'Fruit Picker',
height: 8,
showDescription: true,
showStatusBar: true,
);ListModel
| Property | Type | Description |
|---|---|---|
| items | List<ListItem> | Full (unfiltered) item list. Each ListItem has a title and description. |
| title | String | Heading shown above the list. |
| height | int | Visible rows (viewport height). Defaults to 10. |
| filter | String | Active filter query. |
| filterMode | bool | Whether the filter input is focused. |
| showDescription | bool | Render each item's description line. |
| showStatusBar | bool | Show the count / filter status bar. |
Keybindings
↑ / k, ↓ / jMove cursor
/Enter filter mode
escClear filter
enterSelect the highlighted item