Testing - Checkbox

Pristine

<hx-checkbox-control>

Optional

enabled:determinate

:valid	:invalid
Optional, Enabled Optional, Enabled (focus) Optional, Enabled (hover)	Optional, Enabled Optional, Enabled (focus) Optional, Enabled (hover)
Optional, Enabled, Checked Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)	Optional, Enabled, Checked Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)

enabled:indeterminate

:valid	:invalid
Optional, Enabled Optional, Enabled (focus) Optional, Enabled (hover)	Optional, Enabled Optional, Enabled (focus) Optional, Enabled (hover)
Optional, Enabled, Checked Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)	Optional, Enabled, Checked Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)

disabled:determinate

:valid	:invalid
Optional, Disabled Optional, Disabled (focus) Optional, Disabled (hover)	Optional, Disabled Optional, Disabled (focus) Optional, Disabled (hover)
Optional, Disabled, Checked Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)	Optional, Disabled, Checked Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)

disabled:indeterminate

:valid	:invalid
Optional, Disabled Optional, Disabled (focus) Optional, Disabled (hover)	Optional, Disabled Optional, Disabled (focus) Optional, Disabled (hover)
Optional, Disabled, Checked Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)	Optional, Disabled, Checked Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)

Required

enabled:determinate

:valid	:invalid
N/A	Required, Enabled Required, Enabled (focus) Required, Enabled (hover)
Required, Enabled, Checked Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)	Required, Enabled, Checked Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)

enabled:indeterminate

:valid	:invalid
N/A	Required, Enabled Required, Enabled (focus) Required, Enabled (hover)
Required, Enabled, Checked Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)	Required, Enabled, Checked Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)

disabled:determinate

:valid	:invalid
N/A	Required, Disabled Required, Disabled (focus) Required, Disabled (hover)
Required, Disabled, Checked Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)	Required, Disabled, Checked Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)

disabled:indeterminate

:valid	:invalid
N/A	Required, Disabled Required, Disabled (focus) Required, Disabled (hover)
Required, Disabled, Checked Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)	Required, Disabled, Checked Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)

Dirty

<hx-checkbox-control hx-dirty>

Optional

enabled:determinate

:valid	:invalid
Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)	Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)
Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)	Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)

enabled:indeterminate

:valid	:invalid
Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)	Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)
Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)	Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)

disabled:determinate

:valid	:invalid
Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)	Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)
Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)	Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)

disabled:indeterminate

:valid	:invalid
Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)	Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)
Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)	Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)

Required

enabled:determinate

:valid	:invalid
N/A	Required, Enabled (blur) Required, Enabled (focus) Required, Enabled (hover)
Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)	Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)

enabled:indeterminate

:valid	:invalid
N/A	Required, Enabled (blur) Required, Enabled (focus) Required, Enabled (hover)
Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)	Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)

disabled:determinate

:valid	:invalid
N/A	Required, Disabled (blur) Required, Disabled (focus) Required, Disabled (hover)
Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)	Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)

disabled:indeterminate

:valid	:invalid
N/A	Required, Disabled (blur) Required, Disabled (focus) Required, Disabled (hover)
Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)	Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)

Visually Invalid

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

Optional

enabled:determinate

:valid	:invalid
Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)	Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)
Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)	Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)

enabled:indeterminate

:valid	:invalid
Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)	Optional, Enabled (blur) Optional, Enabled (focus) Optional, Enabled (hover)
Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)	Optional, Enabled, Checked (blur) Optional, Enabled, Checked (focus) Optional, Enabled, Checked (hover)

disabled:determinate

:valid	:invalid
Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)	Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)
Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)	Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)

disabled:indeterminate

:valid	:invalid
Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)	Optional, Disabled (blur) Optional, Disabled (focus) Optional, Disabled (hover)
Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)	Optional, Disabled, Checked (blur) Optional, Disabled, Checked (focus) Optional, Disabled, Checked (hover)

Required

enabled:determinate

:valid	:invalid
N/A	Required, Enabled (blur) Required, Enabled (focus) Required, Enabled (hover)
Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)	Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)

enabled:indeterminate

:valid	:invalid
N/A	Required, Enabled (blur) Required, Enabled (focus) Required, Enabled (hover)
Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)	Required, Enabled, Checked (blur) Required, Enabled, Checked (focus) Required, Enabled, Checked (hover)

disabled:determinate

:valid	:invalid
N/A	Required, Disabled (blur) Required, Disabled (focus) Required, Disabled (hover)
Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)	Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)

disabled:indeterminate

:valid	:invalid
N/A	Required, Disabled (blur) Required, Disabled (focus) Required, Disabled (hover)
Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)	Required, Disabled, Checked (blur) Required, Disabled, Checked (focus) Required, Disabled, Checked (hover)