Form field

[MrSkippy]

Form Field bestaat uit:

• Een Form field label Form field label #241
• Een Input (Text, Select, Textarea, etc) [Form Field] Text Input #242
• (Een combinatie van inputs (bijv dd-mm-yyy))
• Een Form field error message Form field error message #240
• Een Form field description Form field description #268

Definition of done

Component

• Component is beschikbaar in de index
• Design tokens worden gebruikt

Storybook

• Playground story
• States en properties stories
• Korte beschrijving van het component
  • Wat doet het
  • Basis van het component (bijv Utrecht)
  • Aanpassingen en/of uitbreidingen
  • Relatie met andere componenten (bijv. Form field label en Form field)

Tests

• Het component rendert
• Aanpassingen en/of uitbreidingen werken (zie ook Testing components)
• Visual regression test (door LUX)

Links

Component: https://www.nldesignsystem.nl/form-field
Figma NLDS: https://www.figma.com/design/jzxqJv4PtgHJdmOJwY6lYg/NLDS---Bibliotheek---LUX-tokens?node-id=958-1925
Utrecht component: https://nl-design-system.github.io/utrecht/storybook/?path=/docs/css_css-form-field--docs

[rwittenberns]

Gewenste feature: error message boven EN onder form field kunnen plaatsen (omdat Logius vooral onder gebruikt en mogelijk later naar boven verplaatst moet worden ivm NLDS best practice).
In NLDS community dev channel discussie starten of dit bij Utrecht toegepast kan worden.