Modal Dialog
Community
Toont een venster over de pagina om de aandacht op een enkele taak of bericht te vestigen. Interactie met onderliggende pagina wordt geblokkeerd.
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
Amsterdam
11 van 11 stappen gedocumenteerd op het Community Amsterdam projectbord
Snel aan de slag
ams-dialog in CSS
- ams-dialog (CSS) op NPM
- ams-dialog (CSS) op GitHub
- ams-dialog (CSS) in Storybook van Community Amsterdam
ams-dialog in React
Den Haag
10 van 11 stappen gedocumenteerd op het Community Den Haag projectbord
Snel aan de slag
denhaag-modal in CSS
Gerelateerde componenten: Alert Dialog, Drawer, Dialog.
Help om deze component te verbeteren
We vinden het belangrijk dat de component Modal Dialog 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 Modal Dialog 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.