Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAdd, edit or remove a link in a popover that refuses anything but http, https and mailto addresses and says why, with Remove when a link exists.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this in toolbars and forms where a link has text and an address: rich text editors, profile fields, buttons in a page builder.
Do not use it as the only protection against unsafe URLs: validate again on the server. Do not use it for several links at once.
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 |
|---|---|---|---|
value | { text, href } | null | - | The current link. |
onChange | (value: { text, href } | null) => void | - | New link, or null when removed. |
role="alert" message linked by aria-describedby; the field gets aria-invalid and clears the error as you type.javascript: and data: links cannot be stored.| Key | Action |
|---|---|
| Enter | applies |
| Escape | closes without changes |
The pattern ships a Testing Library test (popover-link-editor.test.tsx) that covers adding with a fallback text, refusing unsafe and relative addresses, mailto, editing and removing.