ListMeta
v1.0.4Updated 27 Jul 2026Compact meta-info row shown above or below a list (count, pagination summary, sort indicator, density toggle).
Preview
Live · 14 stories▸Why this is recommendedmetapaginationcountsummary+1
The default, out-of-the-box ListMeta.
- ✓Above lists and tables for "showing X of Y" context
- Total / filtered counts
- Pagination summary
- Density toggle
- Sort label
- Data states — loading (skeleton), empty (items={[]}), and error (inline role="alert" with a caller-supplied message + Retry, taking precedence over loading/empty)
- i18n: labels prop overrides copy toast / copy + kebab aria-labels (DEFAULT_LIST_META_LABELS)
- ✕Complex filter editing (use FilterBar)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
totalTotal record count
yesfilteredFiltered count
—errorError state: an inline role="alert" region (aria-live=polite, destructive tint) shown in place of the row body. Takes precedence over loading/empty; the node is caller-supplied (message + optional Retry). Pass false/undefined to render normally
—labelsOverride built-in UI strings (copy toast, copy-button aria, kebab aria) for i18n; threaded to items/groups, English defaults exported as DEFAULT_LIST_META_LABELS
—