Display Components

Read-only presentation components for data visualization and formatting. Status badges, formatted values, and icons.

Installation

npm install @happyvertical/smrt-svelte
import { StatusBadge, CurrencyDisplay, DateDisplay } from '@happyvertical/smrt-svelte';

Components

StatusBadge

Status indicator with predefined color schemes for invoices, projects, etc.

ConfidenceBadge

Display AI confidence scores with visual indicators.

CurrencyDisplay

Formatted currency values with locale support.

DateDisplay

Formatted dates with relative time support.

Icon

Icon component with multiple icon sets.