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

docs(button): add "lg" size to expressive styles example

Browse source
This commit is contained in:
Eric Y Liu 2021-06-26 06:37:15 -07:00
commit 43db3666cd
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -118,7 +118,7 @@ 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 and `"xl"` size buttons. Note: the expressive styles only apply to the default, `"lg"`, and `"xl"` button sizes.
<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>
@ -126,6 +126,12 @@ Note: the expressive styles only apply to the default and `"xl"` size buttons.
<Button expressive size="xl" kind="ghost">Ghost</Button> <Button expressive size="xl" kind="ghost">Ghost</Button>
<Button expressive size="xl" kind="danger">Danger</Button> <Button expressive size="xl" kind="danger">Danger</Button>
<br /><br /> <br /><br />
<Button expressive size="lg">Primary</Button>
<Button expressive size="lg" kind="secondary">Secondary</Button>
<Button expressive size="lg" kind="tertiary">Tertiary</Button>
<Button expressive size="lg" kind="ghost">Ghost</Button>
<Button expressive size="lg" kind="danger">Danger</Button>
<br /><br />
<Button expressive>Primary</Button> <Button expressive>Primary</Button>
<Button expressive kind="secondary">Secondary</Button> <Button expressive kind="secondary">Secondary</Button>
<Button expressive kind="tertiary">Tertiary</Button> <Button expressive kind="tertiary">Tertiary</Button>