@utrecht/form-label-css

1.3.0 • Public • Published

Form label

Design

Het label moet aanklikbaar zijn om de form input te activeren. Gebruik display: inline voor het label, zodat de tekst aanklikbaar is. Je wilt dat de witruimte naast de tekst niet aanklikbaar is, omdat niet duidelijk is welke actie hoort bij de witruimte.

Als je het label wilt gebruiken als onderdeel van display: grid of display: flex, gebruik dan een extra <div> wrapper element om het label heen, om te voorkomen dat de label heel groot wordt.

Terminologie

  • label: net als <label> in HTML

Class names

  • utrecht-form-label

Design tokens

  • Form label
    • utrecht-form-label-font-weight
    • utrecht-form-label-font-size

Relevante WCAG regels

Readme

Keywords

Package Sidebar

Install

npm i @utrecht/form-label-css

Weekly Downloads

24

Version

1.3.0

License

EUPL-1.2

Unpacked Size

23.5 kB

Total Files

12

Last publish

Collaborators

  • littlebobbytabl.es
  • yolijn
  • nl-design-system-ci