Data Display

Built-in tags for showing content and structure — avatars, badges, images, icons, cards, plus accordions, timelines, formatted/animated numbers, and overflow-collapsing lists.

Built-in tags for showing things — people, colors, statuses, keys, and content you want to reveal on demand. Each is a single Markdown tag with no setup; for the underlying component and every prop it accepts, follow the per-tag page.

• Avatar — a user image with a graceful initials/placeholder fallback.
• Badge — labels, statuses, versions, and counts.
• BackgroundImage — a box with an image background and content overlaid on top.
• Card — flashy content cards with icons, images, variants, links, and a responsive grid.
• ColorSwatch — a square swatch that displays a single color.
• Icon — a Tabler, Font Awesome, image, or emoji glyph inline in text or a heading.
• Image — Mantine images with no-upscale sizing and a click-to-zoom lightbox.
• Indicator — a dot or count badge positioned over the corner of another element.
• Kbd — a keyboard key, for documenting shortcuts.
• Spoiler — collapse long content behind a show-more toggle.

Data & structure

• Accordion — collapsible sections whose bodies are full Markdown.
• Timeline — a vertical run of bullets joined by a line, each with a title and body.
• NumberFormatter — format a number with thousands separators, fixed decimals, and a prefix/suffix.
• RollingNumber — an animated counter that rolls to its value, re-animating each time the value changes.
• OverflowList — a single-line row of labels that collapses overflow into a “+N” counter, re-fitting on resize.