Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA page preview that carries a DRAFT mark until it is published, then loses it, with a Publish button that confirms the change in text.
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 when editors preview pages or emails before they go live and the preview must never pass for the real thing.
Do not use it when the preview is rendered inside the real site chrome where a different cue (a banner) is clearer.
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 | Required | Description |
|---|---|---|---|
children | React.ReactNode | required | - |
onPublish | () => void | Promise<void> | required | Publishes the page. |
published | boolean | optional | - |
The pattern ships with a Testing Library test (watermark-draft-preview.test.tsx) that covers the draft mark, losing it on publish, failure and starting published.