carbon-components-svelte
Purpose: Carbon Components Svelte is a Svelte component library that implements the Carbon Design System , an open-source design system by IBM. It facilitates design and development through reuse, consistency, and extensibility.
Target Audience: Developers building applications with Svelte who want to leverage IBM's Carbon Design System for consistent, reusable UI components.
Key Features:
- Provides Svelte components that adhere to the Carbon Design System.
- Supports dynamic theming with five built-in themes (2 light, 3 dark).
- Includes optional preprocessors and plugins for optimizing imports and CSS.
- Offers TypeScript support with auto-generated definitions.
Related Libraries:
- Carbon Icons Svelte : 2,400+ Carbon icons as Svelte components.
- Carbon Pictograms Svelte : 1,300+ Carbon pictograms as Svelte components.
- Carbon Charts Svelte : 25+ charts, powered by d3.
- Carbon Preprocess Svelte : Collection of Svelte preprocessors for Carbon.
Documentation: Detailed documentation is available at svelte.carbondesignsystem.com , including auto-generated TypeScript definitions and component APIs.
Theming: Supports dynamic theming via CSS variables, allowing runtime theme switching between five Carbon themes (White, Gray 10, Gray 80, Gray 90, Gray 100).
Performance Optimization: Includes tools like
optimizeImports(for
