packages/antd/src/components/fields/email/index.tsx
import React from "react";
import { Typography } from "antd";
import { EmailFieldProps } from "../types";
/**
* This field is used to display email values. It uses the {@link https://ant.design/components/typography/#FAQ `<Link>`} component
* of {@link https://ant.design/components/typography `<Typography>`} from Ant Design.
*
* @see {@link https://refine.dev/docs/api-reference/antd/components/fields/email} for more details.
*/
export const EmailField: React.FC<EmailFieldProps> = ({ value, ...rest }) => {
return (
<Typography.Link href={`mailto:${value}`} {...rest}>
{value}
</Typography.Link>
);
};