Form field error message

[MrSkippy]

Omschrijving

Aanpak

Voorstel Robbert:

• PR bij Utrecht maken om 'm de features te geven van alert
• nieuwe versie van Utrecht component in gebruik nemen bij RHC
• Ik zou de Utrecht error message wrappen in Lux en de icon instellen op basis van danger/.../...

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)

Repository

LUX

Links

LUX

• PR met alle form tokens
• NLDS Figma met lux stijling

NLDS

• NLDS componenten lijst

[rwittenberns]

In NLDS community dev channel discussie openen hoe we onze gewenste features (border radius, background color en icon) kunnen toevoegen, en of dat het beste bij Utrecht of RHC kan.

[AlineNap]

Design review 6 November

Vragen documentatie

1. Wat doet de property distance precies? Is daar een design token voor oid? Welke margin krijgt hij dan toebedeeld?
2. Waarom zit de property distance niet in de playground description en wel bij de error message? Utrecht heeft ze op beide componenten als ik hun Storybook bekijk.