TextArea (mandatory)

Can be used in forms.

This is an example of a mandatory text area.

When the value meets the requirement of the text area a green checkmark will be shown.

Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.

Voer een geldige waarde in

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (description)

Can be used in forms.

This is an example of an optional text area with a description.

Checkmark will be shown upon focus even when no value is entered. Border is green by default.

Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.

Voer een geldige waarde in
optional text area

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (mandatory, placeholder)

Can be used in forms.

This is an example of a mandatory text area with a placeholder.

When the value meets the requirement of the text area a green checkmark will be shown.

Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.

Voer een geldige waarde in

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (description, placeholder)

Can be used in forms.

This is an example of an optional text area with a description and a placeholder text.

Checkmark will be shown upon focus even when no value is entered. Border is green by default.

Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.

Voer een geldige waarde in
optional text area

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (mandatory, default value)

Can be used in forms.

This is an example of a mandatory text area with a default value.

When the value meets the requirement of the text area a green checkmark will be shown.

Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.

Voer een geldige waarde in

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (default value)

Can be used in forms.

This is an example of an optional text area with a default value.

When the value meets the requirement of the text area a green checkmark will be shown.

Only the HTML and CSS are necessary to create the text area along with all the interactions. No JavaScript required.

Voer een geldige waarde in
optional text area

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (max words)

Can be used in forms.

This is an example of an optional text area with a maximum number of words allowed.

When the value meets the requirement of the text area a green checkmark will be shown.

Only the HTML and CSS are necessary to create the text area along with all the interactions. JavaScript required for setting `data-show-error='true'` attribute.

Voer een geldige waarde in

Code: 🔼

📋CSS
📋HTML
📋React

TextArea (disabled)

Can be used in forms.

This is an example of a disabled text area.

Only the HTML and CSS are necessary to create the text area along with all the interactions.

Voer een geldige waarde in
disabled text area

Code: 🔼

📋CSS
📋HTML
📋React