Input - Textarea

Input - Textarea


Last updated: 9/21/21

Input textareas are used for typing information requiring 1 sentence or more into a user text field.

Base

Use the base class pier-input-textarea to create a default input textarea

HTML markup

Sizes

Use the modifier classes pier-input-textarea--sm, pier-input-textarea--md, or pier-input-textarea--lg to change the size of the input-textarea.

HTML markup

Error

Use the modifier class pier-input-textarea--error to change the state of the input textarea to error.

HTML markup

Automatic

Use the modifier class pier-input-textarea--auto to change the state of the input textarea to auto expand.

HTML markup

Horizontal

Use the modifier class pier-input-textarea--h to change the state of the input textarea to horizontal expand.

HTML markup

Disabled

Use the modifier class pier-input-textarea--disabled to change the state of the input textarea to disabled.

HTML markup

Text Disabled

Use the modifier classes pier-input-textarea--d to disable text of the input textarea.

HTML markup

Dark

Use the modifier class pier-input-textarea--dark to change the style of the input textarea for dark UI themes.

HTML markup

Error Dark

Use the modifier class pier-input-textarea--dark pier-input-textarea--error to change the style of the input textarea to error for dark UI themes.

HTML markup


© 2021 Gumgum, Inc.