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

docs(button-set): improve docs

Browse source
This commit is contained in:
Eric Liu 2025-04-20 15:02:51 -07:00
commit ecb8e621c8
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
docs/src/pages/components/ButtonSet.svx
View file

@ -4,9 +4,11 @@
import Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
</script> </script>
Group related buttons together in a set. Use this component to create consistent spacing and alignment between multiple buttons.
## Default ## Default
Buttons in a button set are juxtaposed by default. Place buttons side by side in a horizontal layout.
<ButtonSet> <ButtonSet>
<Button kind="secondary">Cancel</Button> <Button kind="secondary">Cancel</Button>
@ -15,7 +17,7 @@ Buttons in a button set are juxtaposed by default.
## Stacked ## Stacked
Set `stacked` to `true` to use the stacked variant. Set `stacked` to `true` to arrange buttons vertically.
<ButtonSet stacked> <ButtonSet stacked>
<Button icon={Login}>Log in</Button> <Button icon={Login}>Log in</Button>