Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA sample or trial preview of a file with a large SAMPLE mark that is replaced by the clean file only after unlocking, with the locked state announced as 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 you sell or gate media, documents or templates and want a convincing but unusable preview.
Do not use it when the preview itself is sensitive (do not send the clean file to the browser at all).
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 |
|---|---|---|---|
title | string | required | - |
children | React.ReactNode | required | The preview content (an image, a page of a PDF, a track waveform). |
onUnlock | () => Promise<void> | required | Unlocks the clean version, for example after a purchase. Resolve to unlock. |
unlockLabel | string | optional | - |
The pattern ships with a Testing Library test (watermark-sample-preview.test.tsx) that covers the marked sample, unlocking and the failure path.