Display
Panels, containers and states that carry and present content.
Accordion
A list of sections that expand and collapse in turn
Alert
A message bar that appears in the page after something happens
Banner
An announcement bar across the top of the page
Calendar
Shows a month and picks a date
Callout
A note written into the content
Card
Gathers a group of content onto one raised surface
Carousel
Browse content with dragging, grouping and optional rotation
Collapsible
A region a single trigger opens and closes
Empty
A placeholder for an area with nothing in it, saying why and what to do next
Image
An image that loads lazily and falls back when it fails
MeterGroup
A segmented bar showing how parts make up a whole
MonthGrid
Month display
Panel
A card with a standard title bar, with places for a title, a count and actions
Progress
A bar whose fill shows how much of a task is done
QRCode
Scannable SVG codes with image export
RangeCalendar
Shows a month and picks a date range
Result
The outcome of an operation, as success, error, warning or info
RingProgress
A ring whose arc shows how much of a task is done
Statistic
A key figure set large, with its label and change
Tabs
Several sets of content shown one at a time in the same place
Timeline
An ordered sequence of events with connected markers