mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: remove tabs for install commands on homepage

Browse source
This commit is contained in:
Eric Liu 2020-11-26 11:28:49 -08:00
commit 25f0473f6d
1 changed files with 19 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

51
docs/src/pages/index.svelte
View file

@ -6,9 +6,6 @@
Column, Column,
CodeSnippet, CodeSnippet,
Link, Link,
Tabs,
Tab,
TabContent,
} from "carbon-components-svelte"; } from "carbon-components-svelte";
import TileCard from "../components/TileCard.svelte"; import TileCard from "../components/TileCard.svelte";
import { metatags } from "@sveltech/routify"; import { metatags } from "@sveltech/routify";
@ -28,8 +25,7 @@
<Column> <Column>
<h1>Carbon Components Svelte</h1> <h1>Carbon Components Svelte</h1>
<p class="big-paragraph"> <p class="big-paragraph">
<code>carbon-components-svelte</code> carbon-components-svelte is a
is a
<Link <Link
inline inline
class="big-link" class="big-link"
@ -51,36 +47,27 @@
A design system can facilitate frontend development and prototyping A design system can facilitate frontend development and prototyping
because it encourages reuse, consistency, and extensibility. because it encourages reuse, consistency, and extensibility.
</p> </p>
<h3>Install</h3>
</Column> </Column>
</Row> </Row>
<Row noGutter style="margin-bottom: var(--cds-layout-02)"> <Row style="margin-bottom: var(--cds-layout-02)">
<Column> <Column>
<Tabs> <h3>Install</h3>
<Tab label="Yarn" /> <h4>Installing with yarn:</h4>
<Tab label="npm" /> <CodeSnippet
<div code="{installYarn}"
slot="content" on:click="{() => {
style="margin-left: calc(-1 * var(--cds-spacing-05)); margin-right: calc(-1 * var(--cds-spacing-05));" copy(installYarn);
> }}"
<TabContent> />
<CodeSnippet
code="{installYarn}" <h4>Using npm:</h4>
on:click="{() => {
copy(installYarn); <CodeSnippet
}}" code="{installNpm}"
/> on:click="{() => {
</TabContent> copy(installNpm);
<TabContent> }}"
<CodeSnippet />
code="{installNpm}"
on:click="{() => {
copy(installNpm);
}}"
/>
</TabContent>
</div>
</Tabs>
</Column> </Column>
</Row> </Row>
<Row> <Row>