Task List

[Rozerinay]

We willen graag meer leren over de Task List component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?

Deel hieronder een link naar Figma, Storybook, Github of screenshots. Met deze informatie kunnen we bewijzen dat de component onderdeel moet worden van de NL Design System component library.

Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!

Link naar bericht in Slack

---

Naam

Task List

Doel

Lijst met taken die zijn gemarkeerd als voltooid of onvoltooid.

Gerelateerde componenten

Unordered List

Onderzoek

Task list - GOV.UK
Task List implementatie bij GOV.UK. Onder 'Research on this component' worden bevindingen genoteerd. Er is ook een alphagov/govuk-design-system-backlog#240 waar meer informatie, onderzoek en aanpassingen worden gedeeld.

[Rozerinay]

NL Design System

Publieke website

---

Screenshots / Varianten

Responsive gedrag

---

Notities

• Is een Unordered List (<ul>).
• Bevat bullets en een checkmark.
• Geen verschil in styling wanneer een item is voltooid.

[Rozerinay]

GOV.UK

Design System

---

Screenshots / Varianten

Default

Hover

Focus-visible

Responsive gedrag

---

Notities

• Is een Unordered List (<ul>).
• Bestaat uit een Link, Hint (beschrijving onder Link) en een Status (die kan bestaan uit text of een Tag).
• Er zijn 2 statussen: incomplete en completed. Incomplete wordt als een Tag weergegeven.
• Heeft verschillende states.
• Richtlijnen beschikbaar.