Action Group

Community

Groepeert één of meer gerelateerde acties en verzorgt de lay-out van de content.

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

• 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

Candidate projectbord op GitHub

Community implementaties

Utrecht

11 van 11 stappen gedocumenteerd op het Community Utrecht projectbord

Snel aan de slag

• utrecht-action-group in Figma
• utrecht-action-group voor visuele regressie tests

utrecht-action-group in CSS

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

utrecht-action-group in React

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

utrecht-action-group in Vue

• utrecht-action-group (Vue) op GitHub
• utrecht-action-group (Vue) in Storybook van Community Utrecht
• utrecht-action-group (Vue) op NPM

utrecht-action-group in Angular

• utrecht-action-group (Angular) op GitHub
• utrecht-action-group (Angular) op NPM
• utrecht-action-group (Angular) in Storybook van Community Utrecht

Den Haag

10 van 11 stappen gedocumenteerd op het Community Den Haag projectbord

Snel aan de slag

• denhaag-button-group in Figma

denhaag-button-group in CSS

• denhaag-button-group (CSS) op NPM
• denhaag-button-group (CSS) op GitHub
• denhaag-button-group (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-action-group in Figma

rhc-action-group in CSS

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

rhc-action-group in Web Component

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

rhc-action-group in React

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

rhc-action-group in Angular

• rhc-action-group (Angular) op NPM
• rhc-action-group (Angular) op GitHub
• rhc-action-group (Angular) in Storybook van Community Rijkshuisstijl Community

Amsterdam

9 van 11 stappen gedocumenteerd op het Community Amsterdam projectbord

Snel aan de slag

ams-action-group in CSS

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

ams-action-group in React

• ams-action-group (React) op GitHub
• ams-action-group (React) op NPM

RVO

3 van 11 stappen gedocumenteerd op het Community RVO projectbord

Snel aan de slag

rvo-button-group in CSS

• rvo-button-group (CSS) op Figma

Gerelateerde componenten: Button.

Help om deze component te verbeteren

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