Revise docs (#416)

* chore: add license badge to README

* perf(docs): ignore node_modules in markdown preprocessor

* docs: remove tabs for install commands on homepage

* docs(button-set): improve copy

* docs(button): improve usage for icon-only, link buttons

* docs: various copy improvements
This commit is contained in:
Eric Liu 2020-11-26 11:51:24 -08:00 committed by GitHub
commit b7bf9ea1f0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 48 additions and 41 deletions

View file

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