UrlField
UrlField(
props):Element
Defined in: packages/ui/src/fields/url-field.tsx:19
Read-only display component that renders a URL as an external link.
Opens in a new tab with rel="noopener noreferrer" and appends an arrow
indicator. When truncate is enabled, displays only the hostname and path
instead of the full URL. Returns an em-dash for null/undefined values.
Parameters
Section titled “Parameters”See UrlFieldProps.
Returns
Section titled “Returns”Element
An <a> element with target="_blank", or a placeholder <span> for null values.
Example
Section titled “Example”<UrlField value="https://example.com/blog/post-1" truncate />// -> "example.com/blog/post-1 (arrow icon)"