Alert

Community

Belangrijk bericht dat informeert over de huidige activiteit van de gebruiker.

Definition of Done

Help Wanted - 11 van 11

• 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.

Help Wanted projectbord op GitHub

Community - 15 van 15

• 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

Community projectbord op GitHub

Candidate - 0 van 15

• Afgevinkt.

  🔍 Huisstijl input

• Afgevinkt.

  🔍 Productie input

• Afgevinkt.

  🔍 WCAG input

• Niet afgevinkt.

  📝 Issues bekend

• Afgevinkt.

  📝 Varianten bepaald

• Niet afgevinkt.

  📝 Acceptatiecriteria a11y

• Niet afgevinkt.

  📝 Keywords en Aliassen bepaald

• 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

Candidate projectbord op GitHub

Community implementaties

Utrecht

11 van 11 stappen gedocumenteerd op het Community Utrecht projectbord

Snel aan de slag

• utrecht-alert in Figma
• utrecht-alert voor visuele regressie tests

utrecht-alert in CSS

• utrecht-alert (CSS) op NPM
• utrecht-alert (CSS) op GitHub
• utrecht-alert (CSS) in Storybook van Community Utrecht

utrecht-alert in Web Component

• utrecht-alert (Web Component) op GitHub
• utrecht-alert (Web Component) in Storybook van Community Utrecht

utrecht-alert in React

• utrecht-alert (React) op GitHub
• utrecht-alert (React) op NPM
• utrecht-alert (React) in Storybook van Community Utrecht

Amsterdam

10 van 11 stappen gedocumenteerd op het Community Amsterdam projectbord

Snel aan de slag

• ams-alert in Figma

ams-alert in CSS

• ams-alert (CSS) op NPM
• ams-alert (CSS) op GitHub
• ams-alert (CSS) in Storybook van Community Amsterdam

ams-alert in React

• ams-alert (React) op GitHub
• ams-alert (React) op NPM

Den Haag

10 van 11 stappen gedocumenteerd op het Community Den Haag projectbord

Snel aan de slag

• denhaag-alert in Figma

denhaag-alert in CSS

• denhaag-alert (CSS) op NPM
• denhaag-alert (CSS) op GitHub
• denhaag-alert (CSS) in Storybook van Community Den Haag

Rijkshuisstijl Community

10 van 11 stappen gedocumenteerd op het Community Rijkshuisstijl Community projectbord

Snel aan de slag

• rhc-alert in Figma

rhc-alert in CSS

• rhc-alert (CSS) op NPM
• rhc-alert (CSS) op GitHub
• rhc-alert (CSS) in Storybook van Community Rijkshuisstijl Community

rhc-alert in Web Component

• rhc-alert (Web Component) op NPM
• rhc-alert (Web Component) op GitHub
• rhc-alert (Web Component) in Storybook van Community Rijkshuisstijl Community

rhc-alert in React

• rhc-alert (React) op NPM
• rhc-alert (React) op GitHub
• rhc-alert (React) in Storybook van Community Rijkshuisstijl Community

rhc-alert in Twig

• rhc-alert (Twig) op NPM
• rhc-alert (Twig) op GitHub
• rhc-alert (Twig) in Storybook van Community Rijkshuisstijl Community

RVO

9 van 11 stappen gedocumenteerd op het Community RVO projectbord

Snel aan de slag

rvo-alert in CSS

• rvo-alert (CSS) op Figma
• rvo-alert (CSS) op NPM
• rvo-alert (CSS) op GitHub
• rvo-alert (CSS) in Storybook van Community RVO

rvo-alert in React

• rvo-alert (React) op GitHub
• rvo-alert (React) op NPM

Gerelateerde componenten: Alert Dialog, Invalid Form Alert, Notification Banner, Note.

Help om deze component te verbeteren

We vinden het belangrijk dat de component Alert 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 Alert 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.