Svelte Experiments

Tiny components library built with Svelte 5 and TypeScript.

A test page where you can see all the components is available here.

Components

• Accordion - Collapsible content panels
• Alert - Notification messages with variants (info, warn, error, success)
• Button - Action buttons with loading and success states
• Checkbox - Checkbox input component
• Indicator - Loading/status indicator
• Input - Text input field
• Label - Form label component
• Modal - Dialog/modal window
• Radio - Radio button input
• Select - Dropdown select component
• Slider - Range slider input
• Tabs - Tabbed navigation
• Toggle - Toggle switch
• Tooltip - Hover tooltip

Getting Started

Prerequisites

• Node.js 18+
• pnpm

Installation

pnpm install

Development

pnpm dev

Build

pnpm build

Preview Production Build

pnpm preview

Testing

Run all tests:

pnpm test

Run tests in watch mode:

pnpm test:watch

Generate test coverage report:

pnpm test:coverage

Run tests for a specific component:

pnpm test src/components/Button.test.ts

Type Checking

pnpm check