Atelier UI

Search components…

Search components…

HeroUI Button Group

HeroUI-style group with solid/bordered/flat/faded variants, 4 semantic colors and configurable radius.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

HeroUIButtonGroupProps

Also accepts all props of React.ComponentProps<"div">

PropTypeDefaultDescription
variantVariant——
colorColor"default"—
radiusRadius"md"—

Install

$ npx shadcn@latest add https://chromotion.dev/r/heroui-button-group.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this