@ra-libs/react
  • CHANGELOG
  • README
  • Home
    • Table of contents
    • common
      • Countries
      • Currencies
    • components
      • Datagrid
      • ResponsiveDatagrid
      • Fields
        • BooleanField
        • ChipField
        • CountryField
        • CurrencyField
        • DateField
        • FileViewerField
        • MaskedNumberField
        • PhoneField
        • ReferenceArrayField
        • ReferenceField
        • RichTextField
        • SelectField
        • TextField
        • TimeField
        • TimelineArrayField
        • TimezoneField
        • TzDateField
        • TzTimeField
      • Inputs
        • CountryInput
        • CurrencyInput
        • DateInput
        • MapsInput
        • MaskedNumberInput
        • MaskedTextInput
        • PhoneInput
        • PlacesTimelineInput
        • TimeInput
        • TimezoneInput
        • TzDateInput
        • TzTimeInput
    • hooks
      • useCountries
      • useCurrencies
      • useScreenSize
    • providers
      • DataProvider
    • services
      • HttpRequest
      • LocalSession
    • validations
      • maxYear
      • minYear
Powered by GitBook
On this page
  • Usage
  • Props
Edit on GitHub
  1. Home
  2. components
  3. Fields

PhoneField

PreviousMaskedNumberFieldNextReferenceArrayField

Last updated 1 year ago

PhoneField component uses to render phone input with country code and flag img.

Usage

import { PhoneField } from '@ra-libs/react';

<PhoneField source="cellphone" fullWidth validate={[required()]} />;

Props

Prop
Required
Type
Default
Description

useLabel

false

boolean

false

whether to use react-admin Labeled component or not.

check documentation for more info.

mui-tel-input
mui-tel-input