{"repo":"carbon-design-system/carbon-components-svelte","free":true,"listed":false,"github":"https://github.com/carbon-design-system/carbon-components-svelte","clone":"git clone https://github.com/carbon-design-system/carbon-components-svelte.git","description":"Svelte implementation of the Carbon Design System","language":"TypeScript","stars":2898,"topics":["carbon-design-system","svelte","design-system","carbon","svelte-components","component-library","typescript","ui-library","ui-components"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"carbon-components-svelte [![NPM][npm]][npm-url] Carbon Components Svelte is a Svelte component library that implements the Carbon Design System, an open source design system by IBM. Ship accessible, consistent, production-ready interfaces. - 90+ components : from inputs to data tables - 5 built-in themes : two light, three dark - Fully typed TypeScript API : props, events, and slots - WCAG 2.1 AA : keyboard and screen-reader ready The Carbon Svelte ecosystem also includes: - Carbon Icons Svelte : 2,700+ Carbon icons as Svelte components - Carbon Pictograms Svelte : 1,500+ Carbon pictograms as Svelte components - Carbon Charts Svelte : 25+ charts, powered by d3 - Carbon Preprocess Svelte : Collection of Svelte preprocessors for Carbon Documentation Installation Usage Styling Before importing components, you will need to first apply Carbon component styles. The Carbon Design System supports five themes (2 light, 3 dark). - white.css : Default Carbon theme (light) - g10.css : Gray 10 theme (light) - g80.css : Gray 80 theme (dark) - g90.css : Gray 90 theme (dark) - g100.css : Gray 100 theme (dark) - all.css : All five themes (White, Gray 10, Gray 80, Gray 90, Gray 100) using CSS variables Each StyleSheet is generated from the flagship carbon-components library. The compiled CSS is generated from the following .scss files: - css/white.scss - css/g10.scss - css/g80.scss - css/g90.scss - css/g100.scss - css/all.scss Import one theme once at the top-level entry point of your app, lik","default_branch":null,"files":null,"tree":[],"storefront":"/r/carbon-design-system","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/carbon-design-system/carbon-components-svelte/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}