Progress List

Help Wanted

Toont de voortgang van een reeks stappen en biedt indien nodig extra details over een stap.

Schets van de progress-list component

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 - 7 van 15

• Afgevinkt.

  Welk bord

• Niet afgevinkt.

  GitHub (CSS)

• Afgevinkt.

  Storybook (CSS)

• Afgevinkt.

  Implementatie voldoet

• Afgevinkt.

  Minimale design tokens

• Afgevinkt.

  Prefix

• Afgevinkt.

  Naamgeving design tokens

• Niet afgevinkt.

  Licentie component

• Niet afgevinkt.

  Licentie documentatie

• Niet afgevinkt.

  Storybook thema's

• Niet afgevinkt.

  Visuele regressietest

• Niet afgevinkt.

  Figma URL

• Niet afgevinkt.

  nldesignsystem.nl

• Afgevinkt.

  Component assessment

• Niet afgevinkt.

  Promotie

Community projectbord op GitHub

Community implementaties

Den Haag

10 van 11 stappen gedocumenteerd op het Community Den Haag projectbord

Snel aan de slag

• denhaag-process-steps in Figma

denhaag-process-steps in CSS

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

Amsterdam

9 van 11 stappen gedocumenteerd op het Community Amsterdam projectbord

Snel aan de slag

ams-progress-list in CSS

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

ams-progress-list in React

• ams-progress-list (React) op GitHub
• ams-progress-list (React) op NPM

Gerelateerde componenten: Form Navigation.

Help om deze component te verbeteren

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