Testing - Textarea

Pristine

<hx-textarea-control>

<textarea>

:valid	:invalid
Pristine, Optional, Enabled, Valid (blur) Pristine, Optional, Enabled, Valid (focus)	Pristine, Optional, Enabled, Invalid (blur) Pristine, Optional, Enabled, Invalid (focus)
Pristine, Optional, Disabled, Valid (blur) Pristine, Optional, Disabled, Valid (focus)	Pristine, Optional, Disabled, Invalid (blur) Pristine, Optional, Disabled, Invalid (focus)

<textarea required>

:valid	:invalid
Value Pristine, Required, Enabled, Valid (blur) Value Pristine, Required, Enabled, Valid (focus)	Pristine, Required, Enabled, Invalid (blur) Pristine, Required, Enabled, Invalid (focus)
Value Pristine, Required, Disabled, Valid (blur) Value Pristine, Required, Disabled, Valid (focus)	Pristine, Required, Disabled, Invalid (blur) Pristine, Required, Disabled, Invalid (focus)

<hx-textarea-control hx-dirty>

<textarea>

:valid	:invalid
Dirty, Optional, Enabled, Valid (blur) Dirty, Optional, Enabled, Valid (focus)	Dirty, Optional, Enabled, Invalid (blur) Dirty, Optional, Enabled, Invalid (focus)
Dirty, Optional, Disabled, Valid (blur) Dirty, Optional, Disabled, Valid (focus)	Dirty, Optional, Disabled, Invalid (blur) Dirty, Optional, Disabled, Invalid (focus)

<textarea required>

:valid	:invalid
Value Dirty, Required, Enabled, Valid (blur) Value Dirty, Required, Enabled, Valid (focus)	Dirty, Required, Enabled, Invalid (blur) Dirty, Required, Enabled, Invalid (focus)
Value Dirty, Required, Disabled, Valid (blur) Value Dirty, Required, Disabled, Valid (focus)	Dirty, Required, Disabled, Invalid (blur) Dirty, Required, Disabled, Invalid (focus)

<hx-textarea-control class="hxInvalid">

<textarea>

:valid	:invalid
.hxInvalid, Optional, Enabled, Valid (blur) .hxInvalid, Optional, Enabled, Valid (focus)	.hxInvalid, Optional, Enabled, Invalid (blur) .hxInvalid, Optional, Enabled, Invalid (focus)
.hxInvalid, Optional, Disabled, Valid (blur) .hxInvalid, Optional, Disabled, Valid (focus)	.hxInvalid, Optional, Disabled, Invalid (blur) .hxInvalid, Optional, Disabled, Invalid (focus)

<textarea required>

:valid	:invalid
Value .hxInvalid, Required, Enabled, Valid (blur) Value .hxInvalid, Required, Enabled, Valid (focus)	.hxInvalid, Required, Enabled, Invalid (blur) .hxInvalid, Required, Enabled, Invalid (focus)
Value .hxInvalid, Required, Disabled, Valid (blur) Value .hxInvalid, Required, Disabled, Valid (focus)	.hxInvalid, Required, Disabled, Invalid (blur) .hxInvalid, Required, Disabled, Invalid (focus)

<textarea placeholder="Once upon a time...">

Valid w/ Placeholder

Invalid w/ Placeholder

Disabled w/ Placeholder

Extra elements should not be visible.

textarea + label

Label

textarea + label.hxRequired

Label

textarea + label.hxOptional

Label

textarea + label.hxRequired.hxOptional

Label

textarea + label + .hxPrefix

Label prefix

textarea + label + .hxSuffix

Label suffix

textarea + label + .hxPrefix + .hxSuffix

Label prefix suffix

textarea + label + p

Label

Paragraph of text