Verbeteren: Accordion

[JoeriRoijenga]

Omschrijving

De Accordion component kan een aantal verbeteringen ondergaan.

Verbeteringen

documentatie verbeteren op basis van template

1. Teksten grondig bekijken, kijken of ze nog nodig zijn en mogelijk hier en daar kopteksten samenvoegen.
2. Teksten op basis van https://www.npmjs.com/package/@utrecht/components toepassen.
3. Aangeven dat het om een Rijkshuisstijl of Utrecht component gaat.
4. Doel/valkuilen duidelijker beschrijven.
5. Geen voorbeelden van goede en foute implementaties. komt mogelijk later.
6. Code snippet toevoegen
7. Props in interactieve editor toevoegen/verbeteren.
8. Unit test voor basis functionaliteit toevoegen, controleer Utrecht hiervoor en pas desnoods daar aan dmv. PR.
9. Linkjes bovenaan (onder heading) toevoegen.
10. Toevoegen van Design Tokens.
11. Varianten/stories toevoegen voor status/focus.
12. WCAG eisen verwijderen, link naar NL Design System pagina.

Checks

Definition of ready

• Naam van de component is duidelijk.
• Doel van component is beschreven.
• Design is aanwezig.
• Tokens zijn aanwezig.
• Waar in de templates wordt deze component gebruikt? Zijn er praktijkvoorbeelden waarin de component al gebruikt wordt?
• Beschrijving gemaakt van wat er moet gebeuren om de taak succesvol af te ronden.
• Testcases / stappen om handmatig te testen.

Definition of done

Component

• Component is beschikbaar in de index.
• Design tokens worden gebruikt.

Storybook

• Tenminste 1 default story.
• States en properties stories.
• Documentatie is toegepast, check template.

Tests

• Het component rendert.
• Tenminste de Basis functionaliteit van het component wordt getest.

Waar komt de component van:

• Utrecht
• Utrecht + wrapper
• RHC
• Amsterdam
• Amsterdam + wrapper