Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA list that shows its first few items and folds the rest into a collapsible whose button always says how many are behind it and reports aria-expanded.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for member lists, tag lists and file lists that are usually short but sometimes long.
Do not use it for long lists people must search (use pagination or search) or when the hidden items matter as much as the visible ones.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
items | string[] | - | All items. |
visible | number | 3 | Items always shown. |
noun | string | item | Singular noun for the button label. |
aria-expanded.| Key | Action |
|---|---|
| Enter or Space on the button | shows or hides the rest |
The pattern ships a Testing Library test (collapsible-show-more.test.tsx) that covers the visible items and button, revealing and folding, and the no-button and singular cases.