@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. Inputs

MaskedTextInput

PreviousMaskedNumberInputNextPhoneInput

Last updated 1 year ago

MaskedTextInput component uses to render the text input with mask pattern

Usage

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

<MaskedTextInput source="CPF" mask="000.000.000-00" fullWidth validate={[required()]} />;

Props

Prop
Required
Type
Default
Description

mask

true

string

-

the mask pattern.

It accepts react-admin TextInput props

react-imask