WUI logo

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@welcome-ui/button-group
OverviewProps
import { Button } from '@welcome-ui/button'
import { ButtonGroup } from '@welcome-ui/button-group'
import * as React from 'react'


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


export default Example

Installation

1

Run the following command:

yarn add @welcome-ui/button-group
2

Import component:

import { ButtonGroup } from '@welcome-ui/button-group'

Examples

Overload

ButtonGroup overloads the child components properties.

ButtonCheckbox