Feedback

8 components

User feedback components — alerts, toasts, progress indicators, loading states, and skeleton placeholders. Keep users informed about what's happening.

@ninna-ui/feedback

pnpm add @ninna-ui/feedback

Requires @ninna-ui/core (auto-installed) + CSS setup.

Features

✓8 feedback components
✓Toast system with imperative API
✓Progress bars with indeterminate mode
✓Skeleton loading with circle and text variants
✓Accessible ARIA roles and live regions
✓Consistent color variants across all components

Components

Alert

Contextual feedback messages with info, success, warning, and danger variants.

Toast

Non-blocking notification popups with auto-dismiss and action support.

Progress

Linear progress bar with label, stripe animation, and indeterminate mode.

CircularProgress

Circular/ring progress indicator with percentage label.

Spinner and loading indicators with multiple animation variants.

Skeleton

Content placeholder with pulse animation for loading states.

Status

Colored dot indicator for online/offline/busy/away states.

EmptyState

Placeholder for empty lists and search results with icon and action.

Quick Start

import { Alert, Toast, Progress } from "@ninna-ui/feedback";