| Name | Description | Default | Type |
|---|---|---|---|
className | Additional CSS classes. | | string |
displayText | The text to be displayed. | | string |
ref | Ref for the wrapping element. | | Ref<HTMLImageElement |HTMLAnchorElement |HTMLDivElement |HTMLSpanElement> |
value | URL address, includes scheme, 'http://'Opens in a new tab, 'https://' | | string |
variant | Controls styling of the field. | 'link' | 'link' |'text' |'qrcode' |
URLDisplay
core package4.0.1
Note: All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Community.
The URLDisplay component renders a URL as a Link or a QR code that will navigate to the given location, or as plain Text.
Usage
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 or qrcode variant.
If no displayText is provided, the display will default to the value given. The component displays "--" in the case of an undefined value.