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

Improve docs (#756)

Browse source 
* docs: remove Theme from new components

* docs: add styling instructions

* docs: add styling instructions

* docs: update copy
This commit is contained in:
Eric Liu 2021-07-18 05:39:35 -07:00 • committed by GitHub
commit 13bd64e5c9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 157 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/pages/components/Button.svx
View file

@ -1,5 +1,5 @@
<script>
import { Button } from "carbon-components-svelte";
import { InlineNotification, Button } from "carbon-components-svelte";
import Add16 from "carbon-icons-svelte/lib/Add16";
import TrashCan16 from "carbon-icons-svelte/lib/TrashCan16";
import TextBold16 from "carbon-icons-svelte/lib/TextBold16";
@ -118,7 +118,11 @@ If an `href` value is specified, the component will render an [anchor element](h
Set `expressive` to `true` to use Carbon's expressive typesetting.
Note: the expressive styles only apply to the default, `"lg"`, and `"xl"` button sizes.
<InlineNotification svx-ignore title="Note:" kind="info" hideCloseButton>
<div class="body-short-01">
Expressive styles only work with the default, `"lg"`, and `"xl"` button sizes.
</div>
</InlineNotification>
<Button expressive size="xl">Primary</Button>
<Button expressive size="xl" kind="secondary">Secondary</Button>