<UrlField>

<UrlField> displays a url in a Material UI’s <Link href="" /> component.

import { UrlField } from 'react-admin';

<UrlField source="site_url" />

Tip: To prevent XSS attacks, <UrlField> doesn’t render a clickable link when the URL uses the javascript: protocol. It displays the URL as plain text instead, and logs an error in the console.

content

You can customize the content of the link by passing a string as the content prop.

import { UrlField } from 'react-admin';

<UrlField source="site_url" content="Visit site" />