LibraryDisplayFeedback

Feedback

Components for providing visual feedback to user actions or system states.

Progress

Progress Bar

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Loading (33%)

Updating (66%)

Completed (100%)

Skeleton

Skeleton

Use to show a placeholder while content is loading.

Tooltip

Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Progress Banner

Onboarding and task completion banners with step tracking and dismissal support.

Complete your profile setup

You're almost there! Finish setting up your account to unlock all features.

60%

Profile 80% complete

80%

Onboarding checklist

Complete these steps to get the most out of the platform.

Progress40%
Install CLI
Add first component
Customize theme
Deploy to production
Share with team

Messages & toasts

Kaeyros

Inline messages

Six severities with default icons; closable variant.

Stacked messages

Auto-managed list with summary + detail.

Toast (imperative)

Mount once, trigger from anywhere via a ref.

Mount <KaeyrosToast /> once at the page root and trigger via the ref.

MeterGroup

Multi-segment meter for usage breakdowns; horizontal or vertical.

Apps24
Messages18
Media32
System16
CPU35
Memory42
Disk18

ProgressBar

Kaeyros

Determinate (60%)

A fixed value bar with severity colours and an in-bar percentage label.

60%
80%
45%
25%

Indeterminate

Use when progress can't be measured — a slider animates across the track.