Form Text (v2)

Functional component variations

Constraint (text) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (text) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (text) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (text) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (textarea) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (textarea) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (textarea) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (textarea) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (email) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (email) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (email) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (email) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (tel) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (tel) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (tel) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (tel) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (date) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (date) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (date) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (date) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (number) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (number) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (number) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (number) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (password) / Text Lines (1.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (password) / Text Lines (1.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (password) / Text Lines (2.0) / Max length (characters) (1.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Constraint (password) / Text Lines (2.0) / Max length (characters) (2.0) / Max characters message / Label / Hide the label from being displayed (yes) / Name / Value / ID / Help Message / Display help message as placeholder (yes) / Regex Validation / Constraint Message / Required (yes) / Required Message / Make read only (yes)

Styling variations