Feedback & status

Alerts, banners, toasts, notifications, progress, and empty/loading/error states from @qeetrix/ui.

import { Alert, toast, Progress, EmptyState, DataState } from "@qeetrix/ui";

Inline messages

An inline message block: Alert, AlertTitle, AlertDescription (with alertVariants).

A full-width page banner; ships bannerVariants. Props via BannerProps.

Imperative toasts via the toast() function; mount <Toaster /> once near the app root. Types: ToastInput, ToastType.

A single notification card; ships notificationVariants. Props via NotificationProps.

An inbox/notification-center surface. Types: NotificationItem, NotificationCenterProps.

A determinate/indeterminate progress bar.

A bounded value meter (e.g. usage); ships meterIndicatorVariants. Props via MeterProps.

A loading spinner; ships spinnerVariants.

A content placeholder for loading states.

An online/away/offline dot; ships presenceVariants. Props via PresenceIndicatorProps.

A standardized empty-state layout (icon, title, description, action). Props via EmptyStateProps.

A wrapper that renders empty / loading / error states for data-driven views. Props via DataStateProps.