Import
import { Button, ButtonGroup } from "@sugarcoat/ui-nxt";Usage
<ButtonGroup>
<Button>Left</Button>
<Button>Center</Button>
<Button>Right</Button>
</ButtonGroup>Examples#
Basic Button Group#
Default Button Group
Two Buttons#
Two Button Group
With Different Button Variants#
Primary Buttons
Outline Buttons
Ghost Buttons
Button Sizes#
Small Buttons
Large Buttons
Practical Examples#
Text Alignment
Pagination
View Toggle
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Button components to group together |
| className | string | - | Additional CSS classes to apply |