Organising content
11 components · 7 systemsStructures that decide how much of a page is visible at once, and how its parts relate. Each block below is one system’s whole set of these components, drawn by its own package. To compare one control across every system drawn, open it from the rail.
Ant Design
11 of 11 drawn Tabs Tabs
Card Card
Item list List
Accordion Collapse
Data table Table
Divider Divider
Disclosure Collapse
Table Table
Tree view Tree
Description list Descriptions
List Listy (List is deprecated)
Carbon
8 of 11 drawn Tabs Tabs
Card Card
Item list List
Accordion Accordion
Data table Data table
absentCarbon does not ship divider. Nothing is drawn in its place.
Disclosure Accordion item
Table Data table
Tree view Tree view
absentCarbon does not ship description list. Nothing is drawn in its place.
List List
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
GOV.UK
8 of 11 drawn Tabs Tabs
Card Summary list (summary cards)
Item list Summary list
Accordion Accordion
absentGOV.UK does not ship data table. Nothing is drawn in its place.
absentGOV.UK does not ship divider. Nothing is drawn in its place.
Disclosure Details
Table Table
absentGOV.UK does not ship tree view. Nothing is drawn in its place.
Description list Summary list
List Lists (style: govuk-list)
Material Web
3 of 11 drawn Tabs Tabs
absentMaterial Web does not ship card. Nothing is drawn in its place.
Item list Lists (<md-list>, <md-list-item>)
absentMaterial Web does not ship accordion. Nothing is drawn in its place.
absentMaterial Web does not ship data table. Nothing is drawn in its place.
Divider Divider (<md-divider>)
absentMaterial Web does not ship disclosure. Nothing is drawn in its place.
absentMaterial Web does not ship table. Nothing is drawn in its place.
absentMaterial Web does not ship tree view. Nothing is drawn in its place.
absentMaterial Web does not ship description list. Nothing is drawn in its place.
List Lists (<md-list>, <md-list-item>)
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Primer
7 of 11 drawn Tabs UnderlinePanels
Card Card
Item list ActionList
absentPrimer does not ship accordion. Nothing is drawn in its place.
Data table DataTable
absentPrimer does not ship divider. Nothing is drawn in its place.
Disclosure Details
Table DataTable
Tree view TreeView
absentPrimer does not ship description list. Nothing is drawn in its place.
absentPrimer does not ship list. Nothing is drawn in its place.
Spectrum
7 of 11 drawn Tabs Tabs
Card Card
Item list List view
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Accordion Accordion
Data table Table
Divider Divider
Disclosure Disclosure
Table Table
Tree view Tree view
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Description list Labeled value
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
absentSpectrum does not ship list. Nothing is drawn in its place.
USWDS
6 of 11 drawnabsentUSWDS does not ship tabs. Nothing is drawn in its place.
Card Card
Item list List
Accordion Accordion
Data table Table
absentUSWDS does not ship divider. Nothing is drawn in its place.
Disclosure Accordion
Table Table
absentUSWDS does not ship tree view. Nothing is drawn in its place.
absentUSWDS does not ship description list. Nothing is drawn in its place.
List List
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.