Skip to content

Commit

Permalink
docs(svelte): update resources and intro (#3183)
Browse files Browse the repository at this point in the history
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
metonym and kodiakhq[bot] authored Oct 7, 2022
1 parent fee6747 commit e280be0
Showing 1 changed file with 19 additions and 28 deletions.
47 changes: 19 additions & 28 deletions src/pages/developing/frameworks/svelte.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,54 +40,45 @@ support, contact the
<Column colLg={4} colMd={4} noGutterSm>
<ResourceCard
subTitle="Carbon Components Svelte"
href="https://github.com/IBM/carbon-components-svelte"
href="https://github.com/carbon-design-system/carbon-components-svelte"
>
<MdxIcon name="github" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon Icons Svelte"
href="https://github.com/IBM/carbon-icons-svelte"
href="https://github.com/carbon-design-system/carbon-icons-svelte"
>
<MdxIcon name="github" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon Pictograms Svelte"
href="https://github.com/IBM/carbon-pictograms-svelte"
href="https://github.com/carbon-design-system/carbon-pictograms-svelte"
>
<MdxIcon name="github" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon Charts Svelte"
href="https://github.com/carbon-design-system/carbon-charts/tree/master/packages/svelte"
>
<MdxIcon name="github" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon Preprocess Svelte"
href="https://github.com/carbon-design-system/carbon-preprocess-svelte"
>
<MdxIcon name="github" />
</ResourceCard>
</Column>
</Row>

## Install

Install `carbon-components-svelte` as a development dependency.

```bash
yarn add -D carbon-components-svelte
# OR
npm i -D carbon-components-svelte
```

The quickest way to get started is to customize a template from the
[examples](https://github.com/IBM/carbon-components-svelte/tree/master/examples/)
folder.

Example set-ups demonstrate usage with popular application bundlers and
frameworks. They feature a mix of Single-page Applications (SPA), Server-side
rendering (SSR) and statically exported approaches.

- **[examples/rollup](https://github.com/IBM/carbon-components-svelte/tree/master/examples/rollup/)**:
SPA bundled using [Rollup](https://github.com/rollup/rollup)
- **[examples/sapper](https://github.com/IBM/carbon-components-svelte/tree/master/examples/sapper/)**:
SSR + static export using [Sapper](https://github.com/sveltejs/sapper)
- **[examples/webpack](https://github.com/IBM/carbon-components-svelte/tree/master/examples/webpack/)**:
SPA bundled with [webpack](https://github.com/webpack/webpack)

## Development

Please refer to the
Expand Down

1 comment on commit e280be0

@vercel
Copy link

@vercel vercel bot commented on e280be0 Oct 7, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.