Data-display

252 components

data-display0
Material UI Stack
Order status steps in a Stack with dividers and a direction switch.
Material UIdata-displayinteractivematerial-uiMIT
data-display0
Material UI No SSR
A client-only local time panel wrapped in NoSsr with a fallback.
Material UIdata-displayinteractivematerial-uiMIT
data-display0
Material UI List
A selectable inbox list with secondary text and a nested, collapsible folder.
Material UIdata-displayinteractivelistMIT
data-display0
Material UI Image List
A palette gallery in an image list with title bars and a favourite toggle per tile.
Material UIdata-displayimage-listinteractiveMIT
data-display0
Material UI Icon
A service status list drawn with Material Icons ligatures through the Icon component, using a locally bundled Material Icons font, with colour and size controls.
Material UIdata-displayiconinteractiveMIT
data-display0
Material UI Grid
Dashboard metric tiles in a responsive Grid with a column-count switch.
Material UIdata-displaygridinteractiveMIT
data-display0
Material UI Divider
An order summary split by full, inset and labelled dividers, with a vertical divider.
Material UIdata-displaydividerinteractiveMIT
data-display0
Material UI Chip
Clickable suggestion chips that add search filters, shown as deletable chips.
Material UIchipdata-displayinteractiveMIT
data-display0
Material UI Avatar
A reviewer avatar group with a surplus count that expands to show everyone.
Material UIavatardata-displayinteractiveMIT
data-display0
Mantine Typography
Rich article HTML styled by the Typography wrapper, toggled on and off.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Title
A heading hierarchy built from Title orders, with a size override for a compact layout.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Timeline
A release timeline with a current stage and local advance and reset controls.
MantineinteractivemantinetimelineMIT
data-display0
Mantine Theme Icon
A feature list with theme icons that switch between filled, light and outline variants.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Text
Product copy using Text sizes, weights, dimmed colour and line clamping with a toggle.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Table
A captioned project table with controlled local numeric/name sorting.
MantineinteractivemantinetableMIT
data-display0
Mantine Stack
Release checklist items stacked with adjustable gap and alignment.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Spoiler
Release notes clipped to a fixed height with a show more / show less control.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Space
A receipt whose sections are separated by adjustable Space gaps.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Simple Grid
Feature cards in a SimpleGrid with a selectable column count and spacing.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Semi Circle Progress
A fundraising gauge with a centred label that fills as donations are added.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Scroll Area
A fixed-height, keyboard-scrollable changelog with custom scrollbars.
Mantinedata-displayinteractivemantineMIT
data-display0
Mantine Rolling Number
A sign-up counter whose digits roll to each new value, with an accessible text value.
Mantineanimationdata-displaymantineMIT
data-display0
Mantine Ring Progress
A labelled storage ring with a section legend and local plan switching.
MantineinteractivemantineprogressMIT
data-display0
Mantine Pill
Removable skill pills with labelled remove buttons and an add field.
Mantinedata-displayinteractivemantineMIT