Form Subcomponents: First Name Field, Last Name Field and Email Field

The First Name, Last Name, and Email Field components subcomponent can only be used within the Form component.

The First Name, Last Name, and Email Field components are flexible and customizable input fields created specifically for capturing a user's first name, last name, and email address. These components can be used independently, allowing you to select and utilize only the fields that are necessary for your specific application or form.

Props

Prop Name
Label
Type
Default Value
Description

label

Label

string

First Name/Last Name/Email

The label text for the field

disabled

Disabled

boolean

false

Determines whether the field is disabled or not

minlength

Minimum length

string

""

The minimum length of the input value

maxlength

Maximum length

string

""

The maximum length of the input value

regex

Validation regular expression

string

""

A regular expression pattern that the input value must match

col

Column Size

number

12

Size of the columns

invalidMessage

Invalid message

string

""

The error message to display when the input value is invalid

toolTipMessage

Tooltip message

string

""

The tooltip message to display for the field

fieldClassName

Class Name

string

""

The CSS class name for styling the field component

Last updated

Was this helpful?