ButtonGroup

The Button Group component arranges multiple buttons in a horizontal or vertical stack, allowing users to group related actions together. It provides a cohesive and organized way to present multiple buttons, ensuring consistent spacing and alignment.

Source

Overview Props

import { Button } from 'welcome-ui/Button'
import { ButtonGroup } from 'welcome-ui/ButtonGroup'

const Example = () => {
  return (
    <ButtonGroup>
      <Button>First</Button>
      <Button>Second</Button>
      <Button>Third</Button>
      <Button>Last</Button>
    </ButtonGroup>
  )
}

export default Example

Examples

Overload

ButtonGroup overloads the child components properties.

Button Close button