A URL input field with three separate fields for complete link information.
The Link field provides a comprehensive solution for links by offering three separate inputs: URL, link text, and a toggle for opening in a new tab. This gives users full control over how links appear and behave. The URL field accepts any valid web address, the text field allows custom link text, and the “open in new tab” toggle adds the target=”_blank” attribute when enabled.
Preview in Attributes Manager
Link field. Preview in Gutenberg Editor
Technical Information:
| Property | Value |
|---|---|
| Gutenberg UI | Three fields: URL input, text input, and toggle |
| Data Type | `object` |
| Contains | `url` (string), `text` (string), `opensInNewTab` (boolean) |
| Default Value | `{"url": "", "text": "", "opensInNewTab": false}` |
| Best For | Complete link configuration |
| Common Uses | Button links, external links, navigation items |