<UrlField>
<UrlField>
displays a url in a Material UI’s <Link href="" />
component.
import { UrlField } from 'react-admin';
<UrlField source="site_url" />
<Admin>
<Resource>
<CustomRoutes>
useDataProvider
useGetList
useInfiniteGetList
useGetOne
useGetMany
useGetManyReference
useCreate
useUpdate
useUpdateMany
useDelete
useDeleteMany
useGetTree
withLifecycleCallbacks
fetchJson
<Authenticated>
<IfCanAccess>
<WithPermissions>
useAuthProvider
useAuthenticated
useAuthState
useGetIdentity
useLogin
useLogout
usePermissions
useCanAccess
canAccess
addRefreshAuthToAuthProvider
addRefreshAuthToDataProvider
<List>
<ListBase>
<ListGuesser>
<InfiniteList>
<TreeWithDetails>
<Datagrid>
<DatagridAG>
<SimpleList>
<SingleFieldList>
<EditableDatagrid>
<Calendar>
<FilterButton>
<FilterList>
<FilterLiveSearch>
<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>
<AutoSave>
useCreateContext
useCreateController
useEditContext
useEditController
useSaveContext
useRegisterMutationMiddleware
useUnique
<Show>
<ShowBase>
<ShowGuesser>
<SimpleShowLayout>
<TabbedShowLayout>
<Labeled>
<ShowInDialogButton>
useShowContext
useShowController
<ArrayField>
<BooleanField>
<ChipField>
<DateField>
<EmailField>
<FileField>
<FunctionField>
<ImageField>
<MarkdownField>
<NumberField>
<ReferenceField>
<ReferenceArrayField>
<ReferenceManyField>
<ReferenceManyCount>
<ReferenceManyToManyField>
<ReferenceOneField>
<RichTextField>
<SelectField>
<TextField>
<TranslatableFields>
<UrlField>
<WrapperField>
<ArrayInput>
<AutocompleteInput>
<AutocompleteArrayInput>
<BooleanInput>
<CheckboxGroupInput>
<DateInput>
<DateTimeInput>
<DualListInput>
<FileInput>
<ImageInput>
<MarkdownInput>
<NullableBooleanInput>
<NumberInput>
<PasswordInput>
<PredictiveTextInput>
<RadioButtonGroupInput>
<ReferenceInput>
<ReferenceArrayInput>
<ReferenceManyInput>
<ReferenceManyToManyInput>
<ReferenceNodeInput>
<ReferenceOneInput>
<RichTextInput>
<SearchInput>
<SelectInput>
<SelectArrayInput>
<SimpleFormIterator>
<SmartRichTextInput>
<TextInput>
<TimeInput>
<TranslatableInputs>
<TreeInput>
useInput
useTranslate
useLocaleState
<LocalesMenuButton>
<Layout>
<ContainerLayout>
<SolarLayout>
<AppBar>
<Menu>
<MultiLevelMenu>
<IconMenu>
<Title>
<Breadcrumb>
<Search>
<SearchWithResult>
<Confirm>
<RevisionsButton>
<CheckForApplicationUpdate>
<UpdateButton>
<RecordRepresentation>
<PrevNextButtons>
useDefineAppLocation
useGetRecordRepresentation
sx
prop<Box>
, <Stack>
and <Grid>
<ToggleThemeButton>
useMediaQuery
useTheme
usePublish
useSubscribe
useSubscribeCallback
useSubscribeToRecord
useSubscribeToRecordList
useLock
useUnlock
useGetLock
useGetLockLive
useGetLocks
useGetLocksLive
useLockOnMount
useLockOnCall
useGetListLive
useGetOneLive
<ListLive>
<EditLive>
<ShowLive>
<MenuLive>
<UrlField>
<UrlField>
displays a url in a Material UI’s <Link href="" />
component.
import { UrlField } from 'react-admin';
<UrlField source="site_url" />