Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA dialog that fetches its content when it opens, with an aria-busy skeleton, a Try again state on failure, fresh data on every opening and late answers ignored.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for quick-look dialogs whose data is expensive or changes often: recent activity, an audit trail, a preview of a record.
Do not use it for data you already have, or for long forms that depend on the response. Fetch data before opening if the dialog is useless without it.
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.
DialogAsyncContent<T>| Prop | Type | Default | Description |
|---|---|---|---|
trigger | ReactNode | - | Opens the dialog. |
load | () => Promise<T> | - | Called on every opening and on Try again. |
render | (data: T) => ReactNode | - | Renders the loaded data. |
title, description | ReactNode | - | Dialog text. |
aria-busy while loading, and the skeleton carries a hidden "Loading..." label.role="alert" with a Try again button, never an empty dialog.| Key | Action |
|---|---|
| Enter on Try again | loads again |
| Escape | closes |
The pattern ships a Testing Library test (dialog-async-content.test.tsx) that covers the busy skeleton, error and retry, fresh loads and ignoring stale answers.