Components
HeroUI Button Group
HeroUI v3 ButtonGroup — grouped buttons with separators, variants, sizes, orientation, icons and full-width layout.
import { ButtonGroup, Button } from "@/components/ui/heroui-button-group"
export default function WithoutSeparator() {
return (
<ButtonGroup>
<Button>First</Button>
<Button>Second</Button>
<Button>Third</Button>
</ButtonGroup>
)
}
More examples
DefaultOpen page →
VariantsOpen page →
SizesOpen page →
Full WidthOpen page →
OrientationOpen page →
With IconsOpen page →
DisabledOpen page →
