docs: add links to Svelte implementation (#7408)

* docs: add links to Svelte implementation * chore: run prettier Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Dec 8, 2020 · f2658ac · f2658ac
1 parent 38b009b
commit f2658ac
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -40,23 +40,24 @@ We also have community-contributed components for the following technologies:
 
 - [Angular](https://github.com/IBM/carbon-components-angular)
 - [Vue](https://github.com/carbon-design-system/carbon-components-vue)
+- [Svelte](https://github.com/IBM/carbon-components-svelte)
 
 If you're trying to find something specific, here's a full list of packages that
 we support!
 
-| Package name                                  | Description                                                                                                                                                                             |
-| --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [`carbon-components`](./packages/components)  | Component styles and Vanilla JavaScript                                                                                                                                                 |
-| [`carbon-components-react`](./packages/react) | React components                                                                                                                                                                        |
-| [`@carbon/elements`](./packages/elements)     | IBM Design Language elements like colors, type, iconography, and more                                                                                                                   |
-| [`@carbon/colors`](./packages/colors)         | Work with IBM Design Language colors                                                                                                                                                    |
-| [`@carbon/grid`](./packages/grid)             | Build layouts using the new 16 column grid system                                                                                                                                       |
-| [`@carbon/icons`](./packages/icons)           | Iconography assets. We also offer support in: [React](./packages/icons-react), [Angular](https://github.com/carbon-design-system/carbon-icons-angular), and [Vue](./packages/icons-vue) |
-| [`@carbon/pictograms`](./packages/pictograms) | Pictogram assets. We also offer support in: [React](./packages/pictograms-react)                                                                                                        |
-| [`@carbon/layout`](./packages/layout)         | Layout-based units and spacing scale                                                                                                                                                    |
-| [`@carbon/motion`](./packages/motion)         | Productive and expressive motion curves                                                                                                                                                 |
-| [`@carbon/themes`](./packages/themes)         | Color tokens available in the Carbon Design System, like `$interactive-01`                                                                                                              |
-| [`@carbon/type`](./packages/type)             | New type tokens used alongside IBM Plex                                                                                                                                                 |
+| Package name                                  | Description                                                                                                                                                                                                                                   |
+| --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [`carbon-components`](./packages/components)  | Component styles and Vanilla JavaScript                                                                                                                                                                                                       |
+| [`carbon-components-react`](./packages/react) | React components                                                                                                                                                                                                                              |
+| [`@carbon/elements`](./packages/elements)     | IBM Design Language elements like colors, type, iconography, and more                                                                                                                                                                         |
+| [`@carbon/colors`](./packages/colors)         | Work with IBM Design Language colors                                                                                                                                                                                                          |
+| [`@carbon/grid`](./packages/grid)             | Build layouts using the new 16 column grid system                                                                                                                                                                                             |
+| [`@carbon/icons`](./packages/icons)           | Iconography assets. We also offer support in: [React](./packages/icons-react), [Angular](https://github.com/carbon-design-system/carbon-icons-angular), [Vue](./packages/icons-vue), and [Svelte](https://github.com/IBM/carbon-icons-svelte) |
+| [`@carbon/pictograms`](./packages/pictograms) | Pictogram assets. We also offer support in: [React](./packages/pictograms-react) and [Svelte](https://github.com/IBM/carbon-pictograms-svelte)                                                                                                |
+| [`@carbon/layout`](./packages/layout)         | Layout-based units and spacing scale                                                                                                                                                                                                          |
+| [`@carbon/motion`](./packages/motion)         | Productive and expressive motion curves                                                                                                                                                                                                       |
+| [`@carbon/themes`](./packages/themes)         | Color tokens available in the Carbon Design System, like `$interactive-01`                                                                                                                                                                    |
+| [`@carbon/type`](./packages/type)             | New type tokens used alongside IBM Plex                                                                                                                                                                                                       |
 
 ## :books: Documentation
 

diff --git a/packages/icons/README.md b/packages/icons/README.md
@@ -27,6 +27,7 @@ for various frameworks:
 - [Angular](https://github.com/carbon-design-system/carbon-icons-angular)
 - [React](../icons-react)
 - [Vue](../icons-vue)
+- [Svelte](https://github.com/IBM/carbon-icons-svelte)
 
 We also support using icons in Vanilla JavaScript.
 

diff --git a/packages/icons/examples/preview/index.js b/packages/icons/examples/preview/index.js
@@ -42,6 +42,9 @@ function App({ metadata }) {
               <li>
                 <a href="//www.npmjs.com/package/@carbon/icons-vue">Vue</a>
               </li>
+              <li>
+                <a href="//www.npmjs.com/package/carbon-icons-svelte">Svelte</a>
+              </li>
             </ul>
             <p>
               In order to use icons in alongside these packages, you will need a