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

• [x] Code check op community component (door LUX)
• [x] Styling check op community component (door LUX)
• [ ] Plan voor missende features of bugs community component beschreven in ticket
• [x] 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: https://github.com/nl-design-system/lux/pull/290