Button Group

Usage

import { Button } from '@jamie/ui/button'
import { ButtonGroup } from '@jamie/ui/button-group'
 
export function ButtonGroupDemo() {
  return (
    <ButtonGroup>
      <Button variant="outline">Summary</Button>
      <Button variant="outline">Transcript</Button>
      <Button variant="outline">Action Items</Button>
    </ButtonGroup>
  )
}

Vertical

Use orientation="vertical" to stack buttons vertically.

import { Button } from '@jamie/ui/button'
import { ButtonGroup } from '@jamie/ui/button-group'
 
export function ButtonGroupVerticalDemo() {
  return (
    <ButtonGroup orientation="vertical">
      <Button variant="outline">Summary</Button>
      <Button variant="outline">Transcript</Button>
      <Button variant="outline">Action Items</Button>
    </ButtonGroup>
  )
}