<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> useDataProvider useGetList useInfiniteGetList useGetOne useGetMany useGetManyReference useCreate useUpdate useUpdateMany useDelete useDeleteMany useGetTree withLifecycleCallbacks fetchJson <Authenticated> <CanAccess> useAuthenticated useAuthState useLogin useLogout useGetIdentity useCanAccess usePermissions useAuthProvider addRefreshAuthToAuthProvider addRefreshAuthToDataProvider <List> <ListBase> <ListGuesser> <InfiniteList> <Tree> <TreeWithDetails> <DataTable> <Datagrid> <DatagridAG> <SimpleList> <SingleFieldList> <EditableDatagrid> <Calendar> <Scheduler> <FilterButton> <FilterList> <FilterLiveForm> <FilterLiveSearch> <FilterValue> <RecordsIterator> <SavedQueriesList> <StackedFilters> <Pagination> <SortButton> <SelectColumnsButton> <Count> <WithListContext> useListContext useList useListController useUnselect useUnselectAll <Create> <CreateBase> <Edit> <EditBase> <EditGuesser> <SimpleForm> <TabbedForm> <Form> <LongForm> <AccordionForm> <WizardForm> <EditDialog> <EditInDialogButton> <CreateDialog> <CreateInDialogButton> <JsonSchemaForm> <Toolbar> <SaveButton> <AutoPersistInStore> <AutoSave> <FormFillerButton> useCreateContext useCreateController useEditContext useEditController useSaveContext useRecordFromLocation useRegisterMutationMiddleware useUnique <Show> <ShowBase> <ShowGuesser> <SimpleShowLayout> <TabbedShowLayout> <Labeled> <ShowDialog> <ShowInDialogButton> useShowContext useShowController <ArrayField> <BooleanField> <ChipField> <DateField> <EmailField> <FileField> <FunctionField> <ImageField> <MarkdownField> <NumberField> <RecordField> <ReferenceField> <ReferenceArrayField> <ReferenceManyField> <ReferenceManyCount> <ReferenceManyToManyField> <ReferenceOneField> <RichTextField> <SelectField> <TextArrayField> <TextField> <TranslatableFields> <UrlField> <WrapperField> useFieldValue <ArrayInput> <AutocompleteInput> <AutocompleteArrayInput> <BooleanInput> <CheckboxGroupInput> <DateInput> <DateRangeInput> <DateTimeInput> <DataTableInput> <DualListInput> <FileInput> <ImageInput> <InPlaceEditor> <MarkdownInput> <NullableBooleanInput> <NumberInput> <PasswordInput> <PredictiveTextInput> <RadioButtonGroupInput> <ReferenceInput> <ReferenceArrayInput> <ReferenceManyInput> <ReferenceManyToManyInput> <ReferenceNodeInput> <ReferenceOneInput> <RichTextInput> <SearchInput> <SelectInput> <SelectArrayInput> <SimpleFormIterator> <SmartRichTextInput> <TextArrayInput> <TextInput> <TimeInput> <TranslatableInputs> <TreeInput> useInput <Translate> useTranslate useLocaleState <LocalesMenuButton> <Layout> <ContainerLayout> <HorizontalMenu> <SolarLayout> <AppBar> <Menu> <MultiLevelMenu> <IconMenu> <Title> <Breadcrumb> <Search> <SearchWithResult> <Confirm> <RevisionsButton> <CheckForApplicationUpdate> <RecordRepresentation> <PrevNextButtons> useDefineAppLocation useGetRecordRepresentation sx prop <Box>, <Stack> and <Grid> <ToggleThemeButton> useMediaQuery useTheme usePublish useSubscribe useSubscribeCallback useSubscribeToRecord useSubscribeToRecordList useLock useUnlock useGetLock useGetLockLive useGetLocks useGetLocksLive useLockCallbacks useLockOnMount useLockOnCall useGetListLive useGetOneLive <ListLiveUpdate> <LockOnMount> <LockStatus> <EditLive> <ShowLive> <MenuLive> SoftDeleteButton SoftDeleteWithConfirmButton BulkSoftDeleteButton DeletedRecordsList DeletedRecordsListMenuItem ShowDeleted useSoftDelete useSoftDeleteMany useGetListDeleted useGetOneDeleted useRestoreOne useRestoreMany useHardDelete useHardDeleteMany useDeletedRecordsListController <EmailField><EmailField> displays an email as a Material UI’s <Link href="mailto:" /> component.
import { EmailField } from 'react-admin';
<EmailField source="personal_email" />