mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 19:46:36 +00:00
docs: update copy
This commit is contained in:
parent
16fd0681d4
commit
ee2b535026
3 changed files with 9 additions and 5 deletions
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
import { Button } from "carbon-components-svelte";
|
import { InlineNotification, Button } from "carbon-components-svelte";
|
||||||
import Add16 from "carbon-icons-svelte/lib/Add16";
|
import Add16 from "carbon-icons-svelte/lib/Add16";
|
||||||
import TrashCan16 from "carbon-icons-svelte/lib/TrashCan16";
|
import TrashCan16 from "carbon-icons-svelte/lib/TrashCan16";
|
||||||
import TextBold16 from "carbon-icons-svelte/lib/TextBold16";
|
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.
|
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">Primary</Button>
|
||||||
<Button expressive size="xl" kind="secondary">Secondary</Button>
|
<Button expressive size="xl" kind="secondary">Secondary</Button>
|
||||||
|
|
|
@ -9,8 +9,8 @@ components: ["OrderedList", "ListItem"]
|
||||||
|
|
||||||
<InlineNotification svx-ignore title="Tip:" kind="info" hideCloseButton>
|
<InlineNotification svx-ignore title="Tip:" kind="info" hideCloseButton>
|
||||||
<div class="body-short-01">
|
<div class="body-short-01">
|
||||||
To render data formatted as a tree structure, use the <Link href="/components/RecursiveList#ordered">RecursiveList</Link> component.
|
Consider using the <Link href="/components/RecursiveList#ordered">RecursiveList</Link> component for rendering tree structured data.
|
||||||
</div>
|
</div>
|
||||||
</InlineNotification>
|
</InlineNotification>
|
||||||
|
|
||||||
### Default
|
### Default
|
||||||
|
|
|
@ -9,7 +9,7 @@ components: ["UnorderedList", "ListItem"]
|
||||||
|
|
||||||
<InlineNotification svx-ignore title="Tip:" kind="info" hideCloseButton>
|
<InlineNotification svx-ignore title="Tip:" kind="info" hideCloseButton>
|
||||||
<div class="body-short-01">
|
<div class="body-short-01">
|
||||||
To render data formatted as a tree structure, use the <Link href="/components/RecursiveList#unordered">RecursiveList</Link> component.
|
Consider using the <Link href="/components/RecursiveList#unordered">RecursiveList</Link> component for rendering tree structured data.
|
||||||
</div>
|
</div>
|
||||||
</InlineNotification>
|
</InlineNotification>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue