SoftwareOne SPI Component Library for Svelte

This library provides a set of reusable components to help you build modern web applications with Svelte 5 (Runes) and SvelteKit 2. Each component is designed to be easily customizable and integrate seamlessly with your Svelte projects.

Installation

To install the library, use the following command:

npm install @softwareone/swo-spi-svelte5-library

Usage

Import the components you need into your Svelte application:

import {
	Avatar,
	Breadcrumbs,
	Button,
	Card,
	Chips,
	ErrorPage,
	Footer,
	Header,
	HeaderAccount,
	HeaderLoader,
	HeaderLogo,
	HighlightPanel,
	Input,
	Menu,
	Modal,
	ProgressWizard,
	Sidebar,
	Tabs,
	TextArea,
	Toaster,
	Toggle,
	Tooltip
} from '@softwareone/swo-spi-svelte5-library';

Import the types you need into your Svelte application:

import {
	type BreadcrumbsNameMap,
	type HighlightPanelColumn,
	type MenuItem,
	type ModalProps,
	type ProgressWizardStep,
	type Tab,
	type Toast
} from '@softwareone/swo-spi-svelte5-library';

List of components

• Avatar
• Breadcrumbs
• Button
• Card
• Chips
• ErrorPage
• Footer
• Form
  • Input
  • TextArea
  • Toggle
• Header (including a loader)
  • HeaderAccount
  • HeaderLoader
  • HeaderLogo
• HighlightPanel
• Menu
  • Sidebar
• Modal
• ProgressWizard
• Spinner
• Tabs
• Toaster
• Tooltip

List of types per component

• Breadcrumbs
  • BreadcrumbsNameMap
• Chips
  • ChipType
• HighlightPanel
  • ColumnType
  • HighlightPanelColumn
  • ImageType
• Menu
  • MenuItem
• Modal
  • ModalProps
• ProgressWizard
  • ProgressWizardStep
• Tab
• Toast