Nieuw component toevoegen: Data badge

[romy-petitjean-logius]

TLDR

De NL Data Badge is gestyled met de RHC tokens en we willen graag dat deze wordt toegevoegd aan Storybook. Zodat developers deze ook in code kunnen gebruiken.

User Story

Als developer wil ik het NL Data Badge component beschikbaar hebben in code zodat ik deze kan gebruiken in mijn interfaces.

Oplossingsrichting

• Rijkshuisstijl 2025 interpretatie

Actiepunten

Design: https://www.figma.com/design/1vUov7lLcizr10MnxGsN4d/Logius-componenten?node-id=2352-924&p=f&t=Fdm2HMyIJjQ79B9s-11

• Tokens in de RHC json anvullen
• Zet DataBadge designs in RHC figma

Development:

• Importeer css en exporteer als rhc package
• Importeer react en exporteer als rhc package
• exporteer de css en react via de library packages
• Maak discussie aan voor implementatie keuzes van de Databadge
• Zet storybook op met alle verschillende states voor regression steps

Acceptatiecriteria

• Data badge is beschikbaar in figma, npm packages en storybook