Toggle states

Default (empty)

Label

Filled

Label

Required

Label

Invalid (empty)

Label

Invalid (filled)

Label

Focused

focus is drawn natively by :focus-visible, so it cannot be forced here

Label

Read-only (empty)

Label

Read-only (filled)

Label

Read-only (focused)

focus is drawn natively by :focus-visible, so it cannot be forced here

Label

Disabled (empty)

Label

Disabled (filled)

Label