Group with disabled
Merged-border button row where one step is visually disabled and non-interactive.
@flx
Merged-border button row where one step is visually disabled and non-interactive.
@flx
registry/patterns/button/button-24.tsx
import { Button } from '@/components/ui/button'
import { ButtonGroup } from '@/components/ui/button-group'
export function Button24() {
return (
<ButtonGroup>
<Button variant="outline">Draft</Button>
<Button variant="outline">Review</Button>
<Button variant="outline" disabled>
Publish
</Button>
</ButtonGroup>
)
}
