carbon-components-svelte/docs/src/pages/components/ButtonSet.svx
metonym 27da2a0f8b
docs: link source code to folder for multiple components (#1582)
* docs: link source code to folder for multiple components

* chore(docs): remove unused `source` from frontmatter
2022-12-10 20:49:42 -05:00

23 lines
No EOL
536 B
Text

<script>
import { Button, ButtonSet } from "carbon-components-svelte";
import Login from "carbon-icons-svelte/lib/Login.svelte";
import Preview from "../../components/Preview.svelte";
</script>
## Default
Buttons in a button set are juxtaposed by default.
<ButtonSet>
<Button kind="secondary">Cancel</Button>
<Button>Submit</Button>
</ButtonSet>
## Stacked
Set `stacked` to `true` to use the stacked variant.
<ButtonSet stacked>
<Button icon={Login}>Log in</Button>
<Button kind="ghost">Sign up</Button>
</ButtonSet>