mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
Svelte implementation of the Carbon Design System
https://svelte.carbondesignsystem.com
carboncarbon-design-systemcomponent-librarydesign-systemsveltesvelte-componentstypescripttypescript-definitionsui-componentsui-library
5aee00d0c4*Total -- 59.09kb -> 27.56kb (53.35%) /docs/static/logo-512.png -- 39.50kb -> 16.68kb (57.77%) /docs/static/logo-192.png -- 12.38kb -> 6.54kb (47.14%) /docs/static/favicon.png -- 7.21kb -> 4.34kb (39.84%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com> |
||
|---|---|---|
| .github | ||
| .storybook | ||
| docs | ||
| src | ||
| .gitignore | ||
| .travis.yml | ||
| CHANGELOG.md | ||
| CONTRIBUTING.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| rollup.config.js | ||
| yarn.lock | ||
carbon-components-svelte
Svelte implementation of the Carbon Design System
Storybook
Getting Started
carbon-components-svelte can be installed as a development dependency.
yarn add -D carbon-components-svelte
Usage
<script>
import { Button } from "carbon-components-svelte";
</script>
<svelte:head>
<link
rel="stylesheet"
href="https://unpkg.com/carbon-components/css/carbon-components.min.css"
/>
</svelte:head>
<Button>Primary</Button>
Try it in the CodeSandbox.
Contributing
Refer to the Contributing guidelines.