Basic group
Horizontal row of buttons with merged borders, used for segmented controls like date range pickers.
@flx
Horizontal row of buttons with merged borders, used for segmented controls like date range pickers.
@flx
registry/patterns/button/button-16.tsx
import { Button } from '@/components/ui/button'
import { ButtonGroup } from '@/components/ui/button-group'
export function Button16() {
return (
<ButtonGroup>
<Button variant="outline">Day</Button>
<Button variant="outline">Week</Button>
<Button variant="outline">Month</Button>
</ButtonGroup>
)
}
