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 danger tertiary, icon-only example

Browse source
This commit is contained in:
Eric Liu 2021-01-22 16:15:40 -08:00
commit 246b217e75
1 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,7 @@
<script> <script>
import { Button } from "carbon-components-svelte"; import { 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 Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
</script> </script>
@ -28,6 +29,10 @@
<Button kind="danger-tertiary">Danger tertiary button</Button> <Button kind="danger-tertiary">Danger tertiary button</Button>
### Danger tertiary, icon-only button
<Button kind="danger-tertiary" tooltipPosition="bottom" tooltipAlignment="center" iconDescription="Delete" icon={TrashCan16} />
### Danger ghost button ### Danger ghost button
<Button kind="danger-ghost">Danger ghost button</Button> <Button kind="danger-ghost">Danger ghost button</Button>