Feedback

Built-in tags for status and progress — the loaders, bars, rings, gauges, and placeholders you reach for while something is happening (or has just happened). Each is a single Markdown tag with no setup, wrapping a Mantine component and exposing its full set of options.

• Loader — a spinner in three styles (oval, bars, dots).
• Navigation progress — a thin top-of-page bar you drive from JavaScript.
• Notification — a titled message card with a colored accent line.
• Progress — a progress bar, single-value or multi-segment.
• Ring progress — a circular donut ring with one or more colored sections and a center label.
• Semi-circle progress — a half-circle gauge with a center label.
• Skeleton — a shimmering placeholder for content that hasn’t loaded.
• Callout — titled admonitions in four severities.