Alle componenten hebben een "sketch" afbeelding

[Robbert]

Taken

Jeffrey:

• Calendar
• Case card
• Definition list
• Drawer
• Heading group
• Icon
• Language navigation
• Legend

Rozerin:

• Link list
• Navigation bar
• Number badge
• Pre heading
• Progress list
• Status badge
• Sub-heading
• Task list

Acceptatie-criteria

• Skecht staat in Figma: https://www.figma.com/design/0Y9Tbb373u6QGxGT6mqUnm/NLDS---Doc-website---Afbeeldingen?node-id=606-943
• Afbeelding staat in de GitHub repo
• Afbeelding volgt naming conventions: componenten_overzicht_{component-id}.svg, waarbij {component-id} is vervangen door de officiele id.
• Afbeelding is aangeleverd als SVG in een pull request voor de assets branch in de documentatie repo: https://github.com/nl-design-system/documentatie/tree/assets
• Afbeelding is geconverteerd naar React op een manier dat de kleur aanpast aan de estafettemodel status (@Yolijn)
• Afbeelding is ingevuld in de mdx file: export const illustration = "ParagraphSketch"; bijvoorbeeld. Elke component heeft een eigen index.mdx file, bijvoorbeeld die van Paragraph: https://github.com/nl-design-system/documentatie/blob/main/docs/componenten/paragraph/index.mdx

Testen

• Alle cards in het component overzicht op de website hebben een afbeelding

[jeffreylauwers]

PR voor 8 Sketches: #1173

[Rozerinay]

Links naar de sketches in de assets branch:

• Link list
• Navigation bar
• Number badge
• Pre heading
• Progress list
• Status badge
• Sub-heading
• Task list