new_component_template.md

---
name: Nieuw component
about: Nieuw component in LUX Design System
---

## Omschrijving

<!--
Beschrijf het component en als er een community component gebruik wordt als basis welke wijzigingen er zijn.
-->

## Links

- Component: <!-- link naar https://www.nldesignsystem.nl/[component] -->
- Figma: <!-- link naar Figma design of design tokens -->
- Community component:
  - CSS: <!-- link naar CSS Storybook van gebruikte component -->
  - React: <!-- link naar React Storybook van gebruikte component -->
  - Code: <!-- link naar Code van gebruikte component -->
  <!-- - Extra links -->

## Checks

### Definition of ready

<!--  Surround an item with double tildes `~~` to indicate that it does not apply to this issue -->

- [ ] Code check op community component (door LUX)
- [ ] Styling check op community component (door LUX)
- [ ] Plan voor missende features of bugs community component beschreven in ticket
- [ ] Component tokens zijn beschikbaar op `main`
- [ ] Ticket doorgenomen met uitvoerder

### Definition of done

<!--  Surround an item with double tildes `~~` to indicate that it does not apply to this issue -->

#### Component

- [ ] Component is beschikbaar in de index
- [ ] Design tokens worden gebruikt

#### Storybook

- [ ] Playground story
- [ ] States en properties stories
- [ ] Korte beschrijving van het component
  - Wat doet het
  - Wat doen (speciale) features
  - Relatie met andere componenten (bijv. Form field label en Form field)

#### Tests

- [ ] Het component rendert
- [ ] Aanpassingen en/of uitbreidingen werken (zie ook [Testing components](https://nl-design-system.github.io/utrecht/storybook/?path=/docs/react_react-testing--docs))
- [ ] Visual regression test (door LUX)