URLDisplay

The URLDisplay component renders a URL as either a Link that will navigate to the given location, or as plain Text.

For more information on how to use the features and props for this component, check out the developer documentation.

The value passed to the URLDisplay component should be a formatted href in order to guarantee flawless intergration if a user were to click on the URLDisplay when it's set as a link variant.

If no displayText is provided, the display will default to the value given. The component displays "--" in the case of an undefined value.

NameTypeDefaultDescription
classNamestringAdditional CSS classes.
displayTextstringThe text to be displayed.
ref
Ref<HTMLAnchorElement |HTMLSpanElement> 
Ref for the wrapping element.
valuestringURL address, includes scheme, 'http://', 'https://'
variant
'link' |'text' 
"link" Controls styling of the field.