ButtonGroup

<ButtonGroup>
  <Button>Button</Button>
  <Button>Button</Button>
</ButtonGroup>

function ButtonGroupExample() {
  const [index, setIndex] = React.useState(0);
  const activeAppearance = 'primary';
  return (
    <ButtonGroup attached>
      <Button appearance={index === 0 ? activeAppearance : undefined} onClick={() => setIndex(0)}>
        Button
      </Button>
      <Button appearance={index === 1 ? activeAppearance : undefined} onClick={() => setIndex(1)}>
        Button
      </Button>
      <Button appearance={index === 2 ? activeAppearance : undefined} onClick={() => setIndex(2)}>
        Button
      </Button>
      <Button appearance={index === 3 ? activeAppearance : undefined} onClick={() => setIndex(3)}>
        Button
      </Button>
    </ButtonGroup>
  );
}