ButtonGroup

The ButtonGroup component allows you to group multiple buttons together, either horizontally or vertically. It is useful for organizing related actions.

Usage

import { ButtonGroup } from '@harnessio/ui/components'
import { Button } from '@harnessio/ui/components'

//...

return (
  <ButtonGroup>
    <Button>Button 1</Button>
    <Button>Button 2</Button>
    <Button>Button 3</Button>
  </ButtonGroup>
)

Props

Prop	Required	Default	Type
children	true		ReactNode
direction	false	horizontal	'horizontal' | 'vertical'
className	false		string
spacing	false	4	string
verticalAlign	false		string