mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
Svelte implementation of the Carbon Design System
https://svelte.carbondesignsystem.com
carboncarbon-design-systemcomponent-librarydesign-systemsveltesvelte-componentstypescripttypescript-definitionsui-componentsui-library
| .github | ||
| .storybook | ||
| docs | ||
| src | ||
| .eslintrc.json | ||
| .gitignore | ||
| .travis.yml | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| rollup.config.js | ||
| yarn.lock | ||
carbon-components-svelte
[🚧🚧🚧 UNDER CONSTRUCTION] Svelte implementation of the Carbon Design System
This library is a work in progress.
Getting Started
yarn add -D carbon-components carbon-components-svelte carbon-icons-svelte
Supported Components
Currently, the following components are supported:
- Accordion
- AccordionItem
- AccordionSkeleton
- Breadcrumb
- BreadcrumbItem
- BreadcrumbSkeleton
- Button
- ButtonSkeleton
- Checkbox
- CheckboxSkeleton
- CodeSnippet
- CodeSnippetSkeleton
- Copy
- CopyButton
- InlineLoading
- Loading
- Link
- ListItem
- OrderedList
- SkeletonText
- Tag
- TagSkeleton
- TextArea
- TextAreaSkeleton
- Toggle
- ToggleSkeleton
- ToggleSmall
- ToggleSmallSkeleton
- TooltipDefinition
- TooltipIcon
- UnorderedList
Usage
<script>
import { Tag } from 'carbon-components-svelte';
</script>
<Tag>Text</Tag>
Contributing
[Placeholder]