Display

Cards, badges, accordions and other ways to show content.

• DisplayAccordion Panels that open and close, built on native details elements
• DisplayAccordionItem
• DisplayAvatar
• DisplayBadge
• DisplayCard
• DisplayChip A small label that can be chosen and removed.
• DisplayChipGroup A group of chips that share a selection, one or several.
• DisplayDivider
• DisplayEmptyState What to show when there is nothing to show yet: icon, title, text and actions.
• DisplayList A list of items that can be chosen, one or several.
• DisplayListItem
• DisplayRating A score shown as stars, with a text alternative
• DisplayStat A figure with its label and how it changed, read by a screen reader as words and not only as an arrow.
• DisplayTimeline Events in order, with a time element for each.
• DisplayTimelineItem