Text (v4)
Functional component variations
Default state – all required fields at minimal values

Sample text


Inherited mandatory fields populated – validates parent behaviour

Sample text


Component-specific mandatory fields populated – validates new/overridden behaviour

Sample text


type = text

Sample text


type = textarea

Sample text


type = email

Sample text


type = tel

Sample text


type = iban

Sample text


type = date

Sample text


type = number

Sample text


type = password

Sample text


rows (minimal value)

Sample text


rows (maximal value)

Sample text


jcr:title (minimal value)

Sample text


jcr:title (maximal value)

Sample text


hideTitle = true

Sample text


hideTitle = false

Sample text


name (minimal value)

Sample text


name (maximal value)

Sample text


value (minimal value)

Sample text


value (maximal value)

Sample text


id (minimal value)

Sample text


id (maximal value)

Sample text


helpMessage (minimal value)

Sample text


helpMessage (maximal value)

Comprehensive test content for helpMessage


usePlaceholder = true

usePlaceholder = false

Sample text


constraintMessage (minimal value)

Sample text


constraintMessage (maximal value)

Sample text


required = true

Sample text


required = false

Sample text


requiredMessage (minimal value)

Sample text


requiredMessage (maximal value)

Sample text


readOnly = true

Sample text


readOnly = false

Sample text


maxLength (minimal value)

Sample text


maxLength (maximal value)

Sample text


maxLengthMessage (minimal value)

Sample text


maxLengthMessage (maximal value)

Sample text


regex (minimal value)

Sample text


regex (maximal value)

Sample text


All dialog fields populated with minimal values

Sample text


dateShouldBePast = true (inherited)

Sample text


dateShouldBePast = false (inherited)

Sample text


showOnlyNeighboringCountries = true (inherited)

Sample text


showOnlyNeighboringCountries = false (inherited)

Sample text