<EmailField>
<EmailField> displays an email as a Material UI’s <Link href="mailto:" /> component.
import { EmailField } from 'react-admin';
<EmailField source="personal_email" />
<Admin><Resource><CustomRoutes>useDataProvideruseGetListuseInfiniteGetListuseGetOneuseGetManyuseGetManyReferenceuseCreateuseUpdateuseUpdateManyuseDeleteuseDeleteManyuseGetTreewithLifecycleCallbacksfetchJson<Authenticated><CanAccess>useAuthenticateduseAuthStateuseLoginuseLogoutuseGetIdentityuseCanAccessusePermissionsuseAuthProvideraddRefreshAuthToAuthProvideraddRefreshAuthToDataProvider<List><ListBase><ListGuesser><InfiniteList><TreeWithDetails><Datagrid><DatagridAG><SimpleList><SingleFieldList><EditableDatagrid><Calendar><FilterButton><FilterList><FilterLiveForm><FilterLiveSearch><SavedQueriesList><StackedFilters><Pagination><SortButton><SelectColumnsButton><Count><WithListContext>useListContextuseListuseListControlleruseUnselectuseUnselectAll<Create><CreateBase><Edit><EditBase><EditGuesser><SimpleForm><TabbedForm><Form><LongForm><AccordionForm><WizardForm><EditDialog><EditInDialogButton><CreateDialog><CreateInDialogButton><JsonSchemaForm><Toolbar><SaveButton><AutoSave>useCreateContextuseCreateControlleruseEditContextuseEditControlleruseSaveContextuseRecordFromLocationuseRegisterMutationMiddlewareuseUnique<Show><ShowBase><ShowGuesser><SimpleShowLayout><TabbedShowLayout><Labeled><ShowInDialogButton>useShowContextuseShowController<ArrayField><BooleanField><ChipField><DateField><EmailField><FileField><FunctionField><ImageField><MarkdownField><NumberField><ReferenceField><ReferenceArrayField><ReferenceManyField><ReferenceManyCount><ReferenceManyToManyField><ReferenceOneField><RichTextField><SelectField><TextField><TranslatableFields><UrlField><WrapperField>useFieldValue<ArrayInput><AutocompleteInput><AutocompleteArrayInput><BooleanInput><CheckboxGroupInput><DateInput><DateRangeInput><DateTimeInput><DualListInput><FileInput><ImageInput><MarkdownInput><NullableBooleanInput><NumberInput><PasswordInput><PredictiveTextInput><RadioButtonGroupInput><ReferenceInput><ReferenceArrayInput><ReferenceManyInput><ReferenceManyToManyInput><ReferenceNodeInput><ReferenceOneInput><RichTextInput><SearchInput><SelectInput><SelectArrayInput><SimpleFormIterator><SmartRichTextInput><TextArrayInput><TextInput><TimeInput><TranslatableInputs><TreeInput>useInputuseTranslateuseLocaleState<LocalesMenuButton><Layout><ContainerLayout><SolarLayout><AppBar><Menu><MultiLevelMenu><IconMenu><Title><Breadcrumb><Search><SearchWithResult><Confirm><RevisionsButton><CheckForApplicationUpdate><RecordRepresentation><PrevNextButtons>useDefineAppLocationuseGetRecordRepresentationsx prop<Box>, <Stack> and <Grid><ToggleThemeButton>useMediaQueryuseThemeusePublishuseSubscribeuseSubscribeCallbackuseSubscribeToRecorduseSubscribeToRecordListuseLockuseUnlockuseGetLockuseGetLockLiveuseGetLocksuseGetLocksLiveuseLockOnMountuseLockOnCalluseGetListLiveuseGetOneLive<ListLive><EditLive><ShowLive><MenuLive><EmailField><EmailField> displays an email as a Material UI’s <Link href="mailto:" /> component.
import { EmailField } from 'react-admin';
<EmailField source="personal_email" />