Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProTabs whose panels fetch their own data on first visit, with an aria-busy skeleton, an error with Try again and a loaded panel that is kept.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for dashboards and detail pages where each tab is its own request: commits, issues, files.
Do not use it when all panels need the same data (load once above the tabs), or for data that must refresh on every visit.
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 |
|---|---|---|---|
tabs | { value, label, load, render }[] | - | load returns a promise, render receives its result. |
aria-busy while loading and has a hidden Loading {tab} label in its skeleton.role="alert" with the message and a Try again button; the other tabs are unaffected.| Key | Action |
|---|---|
| Arrow keys | change tab (loads it the first time) |
| Enter on Try again | loads again |
The pattern ships a Testing Library test (tabs-async-panels.test.tsx) that covers loading only the first panel, busy skeletons and caching, and failure with retry.