Candidate - Documentatie anatomie ## Beschrijving > Anatomie van de component is vastgelegd. Bron: [Definition of Done](https://nldesignsystem.nl/handboek/component-bijdragen/definition-of-done/). ## Taken - [ ] Dupliceer de API Alignment[ FigJam-board](https://www.figma.com/board/JbCjgWn3Ppkw8gKHfI0aME/API-Alignment-%E2%80%A2-NLDS?node-id=71-6810&node-type=section&t=dLExvlEBWVyqYTkU-11) (onderdeel van API Alignment). - [ ] Vul het Figjam-board met voorbeelden van de component, anatomie voorstel opgehaald uit de discussies (onderdeel van API Alignment). - [ ] Bespreek de anatomie (samen met de overige onderdelen van de API Alignment) met de communitie en het kernteam (onderdeel van API Alignment). - [ ] Finaliseer de anatomie (na de API Alignment). --- - [ ] Open de [Documentatie website afbeeldingen](https://www.figma.com/design/0Y9Tbb373u6QGxGT6mqUnm/NLDS---Doc-website---Afbeeldingen?node-id=689-3104&t=EVichcV9NQGM8zoo-4) Figma file. - [ ] Dupliceer een reeds bestaande page. - [ ] Geef de page de naam van de component. - [ ] Geef het frame de naam `anatomy`. - [ ] Plaats de component vanuit de 'NLDS Voorbeeld Bibliotheek' op het frame. - [ ] Gebruik de 'Annotation number' en 'Annotation line' om onderdelen een te wijzen en nummeren. Probeer 48 spacing aan te houden tussen 'Annotation number' en de gehele component. - [ ] Exporteer het frame als SVG bestand met als naam `anatomy.svg`. - [ ] Voeg een bestand genaamd `anatomy/anatomy.md` toe binnen de `docs` folder van de component. Deze folders vind je binnen de [`docs` folder van de Candidate repository in GitHub](https://github.com/nl-design-system/candidate/tree/main/packages/docs). Tip: Door de `/` wordt er direct een nieuwe folder aangemaakt genaamd 'anatomy'. - [ ] Voeg de anatomie documentatie toe aan het bestand. Gebruik hiervoor de volgende opzet: ``` <!-- @license CC0-1.0 --> # Anatomie 1. {anatomie-item} 2. {anatomie-item} 3. {anatomie-item} ``` - [ ] Voeg het svg bestand toe aan de 'anatomy' folder. Dit doe je door de volgende stappen te nemen: - Klik op 'Add file' en vervolgens 'Upload file' - Voeg het svg bestand toe. - De invulvelden bij 'Comit changes' hoef je niet in te vullen. - Klik op 'Comit changes'. - [ ] Maak een PR aan gebruik hierbij de volgende opzet: **Commit Message** ``` docs: candidate anatomy for {naam-component} ``` **Branch** ``` docs/candidate-anatomy-for-{naam-component} ``` - [ ] Geef een developer uit het kernteam via Slack een seintje dat deze klaar staat.