---
# System prepended metadata

title: DoD checklist

---

## Notes / comments






# DoD checklist

## Header section
- [ ] Subheading: short description of component.

## Message section
- [ ] Inline info message about champion (only in Lab).
- [ ] Inline warning message about usage of component and relation to other components (when relevant).

## Examples section
- [ ] Short introduction to the component and the showcased examples.
- [ ] Example and short description of default implementation.
- [ ] Examples and short descriptions of most important variants.

## Properties section
- [ ] If it's a component with required events, hook it up so that it exhibits the expected behavior (eg. when you click the close button in a modal, it should close the modal).
- [ ] Descriptions for each property (JSDoc).
- [ ] Implement 'VisualComponent' if the component is a visual component.
- [ ] Implement 'FocusableComponent' If the component is a focusable component.

## Guidelines section
- [ ] Best practices
- [ ] Do not use when
- [ ] Accessibility (when relevant and supplied by Tobias or Mai).
- [ ] Writing (when relevant and supplied by May or George).

## Notable changes section (if applicable)
- [ ] Short explanation of this section.
- [ ] For every note:
  Version number
  Short description of what changed
  Migration steps if applicable

## Documentation rules
- [ ] Always link to other components (FancyLib or FancyPFG) if they are referenced anywhere in the documentation.

## Technical
- [ ] Accessible (Approved by A11y consultant)
- [ ] Browser compatibility testing (manual check in supported browsers)
- [ ] Testing: Try component out in one client outside FancyLib (eg. PFG)