UI Components

Core UI primitives for building interfaces. These components provide the building blocks for buttons, badges, cards, and navigation.

Installation

npm install @happyvertical/smrt-svelte

import { Button, Badge, Card, Pagination } from '@happyvertical/smrt-svelte';

Interactive button with multiple variants and sizes. Supports links.

Small status indicator with semantic color variants.

Container for grouping related content with header and footer slots.

Page navigation controls with intelligent ellipsis handling.

All UI components follow Material Design 3 principles with custom theming support. They use CSS custom properties for easy customization.

Components support multiple visual variants like primary, secondary, and ghost styles.

Consistent sizing scale with small, medium, and large options.

Interactive states including hover, focus, active, and disabled.

ARIA attributes, keyboard navigation, and focus indicators built-in.