Radio button

[remypar5]

Omschrijving

Beschrijft een enkele keuze. Eenmaal gemaakt is de keuze niet te "on-kiezen".

Links

• Component: https://nldesignsystem.nl/radio-button/
• Figma: https://www.figma.com/design/jzxqJv4PtgHJdmOJwY6lYg/NLDS---Bibliotheek---LUX-tokens?node-id=948-1789
• Community component:
  • CSS: https://nl-design-system.github.io/utrecht/storybook-css/index.html?path=/docs/css-radio-button--docs
  • React: https://nl-design-system.github.io/utrecht/storybook-react/index.html?path=/docs/react-radio-button--docs
  • Code: https://github.com/nl-design-system/utrecht/blob/main/packages/component-library-react/src/RadioButton.tsx

Checks

Definition of ready

• Code check op community component (door LUX)
• Styling check op community component (door LUX)
• Plan voor missende features of bugs community component beschreven in ticket
• Component tokens zijn beschikbaar op main
• Ticket doorgenomen met uitvoerder

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
  • Wat doen (speciale) features
  • 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)

[AlineNap]

Qua stijling check voldoet het component van utrecht.

Tokens zitten in pr: #290