search

nl-design-system / backlog

Central product backlog of the NL Design System.
European Union Public License 1.2
7 stars 1 forks source link

Group: List #58

Closed usethetics closed 1 year ago

usethetics commented 3 years ago

Description

Lists display related information.

Variations

An ordered list displays information in a sequential manner. A definition list displays a definition term and its description.

Use when

Don’t use when

Related

usethetics commented 3 years ago

Potential variant: (Vertical) task list indicating which steps have been validated (✅), what step is currently being validated (spinner) and which steps still to process.

Screenshot 2021-01-13 at 17 10 31
Robbert commented 3 years ago

Definition list and progression lists should be separate components from the text list.

Also interesting to know: role="list" is needed for screen readers when list-style: none is applied. https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html

usethetics commented 3 years ago

Screenshot 2021-01-14 at 09 21 42 Screenshot 2021-01-14 at 09 17 23 Screenshot 2021-01-14 at 09 28 52

usethetics commented 3 years ago

Ontwerp van gemeente Den Haag voor lijsten:

image