Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAlt text, caption and credit fields for one image with a live figure preview, keeping the description and the caption apart.
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 it in a media panel when an image is placed into an article. The preview shows the figure the way it will be published.
Do not use it when: images are decorative and need neither alt nor caption.
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 |
|---|---|---|---|
src | string | required | The image shown in the preview. |
defaultAlt | string | "" | Starting alt text. |
defaultCaption | string | "" | Starting caption. |
defaultCredit | string | "" | Starting credit. |
onChange | (value) => void | - | Called with { alt, caption, credit }. |
Labelled fields with a help line on alt text; the preview is a real figure with figcaption, a polite live region, and the image's alt is the typed alt.
The pattern ships with a test (image-caption-editor.test.tsx). It covers the three fields flowing into the figure.