mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: add component grid

Browse source
This commit is contained in:
Eric Liu 2020-07-24 17:19:19 -07:00
commit 3fa388bd3d
16 changed files with 548 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

53
docs/src/routes/getting-started/index.svelte Normal file
View file

@ -0,0 +1,53 @@
<script>
import { Tabs, Tab, TabContent, Row, Column } from "carbon-components-svelte";
import CopyableCodeSnippet from "../../components/CopyableCodeSnippet.svelte";
</script>
<style>
.content {
margin-left: -1rem;
margin-top: -1rem;
}
</style>
<svelte:head>
<title>Getting Started</title>
</svelte:head>
<Row>
<Column>
<h1>Getting Started</h1>
<p>
<CopyableCodeSnippet type="inline" code="carbon-components-svelte" />
can be installed as a development dependency.
</p>
<p>
<Tabs type="container">
<Tab label="Yarn" />
<Tab label="NPM" />
<div slot="content" class="content">
<TabContent>
<CopyableCodeSnippet
code={`yarn add -D carbon-components-svelte`} />
</TabContent>
<TabContent>
<CopyableCodeSnippet code={`npm -i -D carbon-components-svelte`} />
</TabContent>
</div>
</Tabs>
</p>
</Column>
</Row>
<!--
<div style="margin-left: -1rem; margin-right: -1rem;">
<Tabs type="container">
<Tab label="Rapid Prototyping" />
<Tab label="Single-Page Application (SPA)" />
<Tab label="Server-side Rendered (SSR)" />
<div slot="content" class="content">
<TabContent>1</TabContent>
<TabContent>2</TabContent>
<TabContent>3</TabContent>
</div>
</Tabs>
</div>
-->