ButtonGroup

import { ButtonGroup } from '@arctic-kit/snow';

function Demo() {
  return (
    <ButtonGroup variant="outlined" size="medium" orientation="horizontal">
      <Button>First</Button>
      <Button>Second</Button>
      <Button disabled>Third</Button>
      <Button>Fourth</Button>
    </ButtonGroup>
  );
}

import { ActionMenu, ActionMenuItem, Button, ButtonGroup } from '@arctic-kit/snow';

function Demo() {
  return (
    <ButtonGroup variant="outlined" size="medium" orientation="horizontal">
      <Button onClick={() => console.log('button')}>Button</Button>
      <ActionMenu placement='bottom-end'>
        <ActionMenuItem label='Undo' onClick={() => console.log('Undo')} />
        <ActionMenuItem
          label='Redo'
          disabled
          onClick={() => console.log('Redo')}
        />
        <ActionMenuItem label='Cut' onClick={() => console.log('Cut')} />
      </ActionMenu>
    </ButtonGroup>
  );
}