Documentatie API conventies voor states

[Robbert]

Onderdeel van "Documentatie API conventies" #1006

Acceptatie-criteria

• De volgende termen zijn gedocumenteerd:
  • Interactie-states
    • active (MDN)
    • focus (MDN)
    • focus-visible (MDN)
    • hover (MDN)
  • Andere states
    • busy (aria-busy op MDN, cursor: busy op MDN)
    • checked (MDN)
    • current (aria-current op MDN)
    • disabled
    • expanded
    • indeterminate
    • pressed
    • read-only
    • required
    • visited
  • Tegenovergestelde states zonder naam in webstandaarden prefixen met not-
    • not-checked
    • not-expanded
    • Sommige states hebben inmiddels wel een specifieke naam, bijvoorbeeld:
      • enabled vs disabled
      • read-only vs read-write (MDN)

[jeffreylauwers]

In Figma gebruiken we bovenstaande termen. Paar notities:

• We gebruiken 'Default' voor de default state. We hebben iets van een naam nodig. Zie bijvoorbeeld Button.
• We hebben ook een 'Invalid' state. Zie bijvoorbeeld Checkbox of Text input.
• We combineren soms ook interactie-states zoals `hover+focus-visible. Zie bijvoorbeeld Button.
• We werken we momenteel niet met not-checked of not-expanded omdat deze componenten werken met een boolean property. Zie bijvoorbeeld Checkbox of Accordion.