Dot Badge
Community
Stip bij een Link of Button die zonder zichtbaar label de aandacht trekt bij een statuswijziging.
Definition of Done
-
Afgevinkt.
Naam
Naam bepaald op basis van NL Design System naamgeving. -
Afgevinkt.
Beschrijving
Doel van component is in één zin beschreven. -
Afgevinkt.
Afbeelding
Afbeelding gemaakt om de component visueel duidelijk te maken. -
Afgevinkt.
Discussion URL
-
Afgevinkt.
Backlog
Staat in de publieke backlog van NL Design System. -
Afgevinkt.
Bruikbaar
Bewijs verzameld dat de component algemeen bruikbaar is. -
Afgevinkt.
Link
Link beschikbaar naar component in Figma of Storybook met alle belangrijke states en varianten. -
Afgevinkt.
Varianten
Naam en doel van benodigde varianten beschreven. -
Afgevinkt.
Onderzoek
Nut van component is onderbouwd door gebruikersonderzoek. -
Afgevinkt.
Kernteam
Kernteam verwacht dat dit component tot Hall of Fame kan komen. -
Afgevinkt.
nldesignsystem.nl
Vindbaar op de NL Design System website.
-
Afgevinkt.
Welk bord
-
Afgevinkt.
GitHub (CSS)
-
Afgevinkt.
Storybook (CSS)
-
Afgevinkt.
Implementatie voldoet
-
Afgevinkt.
Minimale design tokens
-
Afgevinkt.
Prefix
-
Afgevinkt.
Naamgeving design tokens
-
Afgevinkt.
Licentie component
-
Afgevinkt.
Licentie documentatie
-
Afgevinkt.
Storybook thema's
-
Afgevinkt.
Visuele regressietest
-
Afgevinkt.
Figma URL
-
Afgevinkt.
nldesignsystem.nl
-
Afgevinkt.
Component assessment
-
Afgevinkt.
Promotie
-
Niet afgevinkt.
🔍 Huisstijl input
-
Niet afgevinkt.
🔍 Productie input
-
Niet afgevinkt.
🔍 WCAG input
-
Niet afgevinkt.
📝 Issues bekend
-
Niet afgevinkt.
📝 Varianten bepaald
-
Niet afgevinkt.
📝 Acceptatiecriteria a11y
-
Niet afgevinkt.
📝 Keywords en Aliassen bepaald
-
Niet afgevinkt.
📝 Anatomie bepaald
-
Niet afgevinkt.
📝 HTML bepaald
-
Niet afgevinkt.
📝 API bepaald
-
Niet afgevinkt.
📝 Design tokens bepaald
-
Niet afgevinkt.
📝 Stories en specs vastgelegd
-
Niet afgevinkt.
📝 Testcases voor gebruik
-
Niet afgevinkt.
🛠️ React component
-
Niet afgevinkt.
🛠️ CSS component
-
Niet afgevinkt.
🛠️ Figma component
-
Niet afgevinkt.
🛠️ Voorbeeld thema
-
Niet afgevinkt.
🛠️ Documentatie
-
Niet afgevinkt.
🧪 Design Tokens getest
-
Niet afgevinkt.
🧪 A11y getest
-
Niet afgevinkt.
🧪 Test coverage getest
-
Niet afgevinkt.
🧪 Testcases getest
-
Niet afgevinkt.
🧪 Documentatie getest
-
Niet afgevinkt.
🚀 NPM
-
Niet afgevinkt.
🚀 Figma - Start Bibliotheek
-
Niet afgevinkt.
🚀 Figma - Voorbeeld Bibliotheek
-
Niet afgevinkt.
🚀 Themes repository
-
Niet afgevinkt.
🚀 nldesignsystem.nl
Community implementaties
Rijkshuisstijl Community
11 van 11 stappen gedocumenteerd op het Community Rijkshuisstijl Community projectbord
Snel aan de slag
rhc-dot-badge in CSS
- rhc-dot-badge (CSS) op NPM
- rhc-dot-badge (CSS) op GitHub
- rhc-dot-badge (CSS) in Storybook van Community Rijkshuisstijl Community
rhc-dot-badge in React
Den Haag
2 van 11 stappen gedocumenteerd op het Community Den Haag projectbord
Gerelateerde componenten: Data Badge, Number Badge, Status Badge.
Help om deze component te verbeteren
We vinden het belangrijk dat de component Dot Badge goed te gebruiken is door iedereen. Help je mee?
- Vul de GitHub Discussion aan met de eisen en wensen voor jouw project of organisatie.
- Draag bij aan de voortgang van Dot Badge door te zorgen dat deze aan meer checkpoints van de Definition of Done voldoet. Deze houden we bij in de projectborden bij de publieke GitHub Backlog.