Components
Loading preview...
Here is Button Group component
@ShadcnStudio
npx shadcn@latest add https://21st.dev/r/ShadcnStudio/button-groupimport { CopyIcon, SquarePenIcon, Trash2Icon } from 'lucide-react'
import { Button } from '@/components/ui/button'
const ButtonGroupActionsDemo = () => {
return (
<div className='inline-flex w-fit -space-x-px rounded-md shadow-xs rtl:space-x-reverse'>
<Button variant='outline' className='btn rounded-none rounded-l-md shadow-none focus-visible:z-10'>
<SquarePenIcon className='icon'/>
Edit
</Button>
<Button variant='outline' className='btn rounded-none shadow-none focus-visible:z-10'>
<CopyIcon className='icon'/>
Duplicate
</Button>
<Button variant='outline' className='btn rounded-none rounded-r-md shadow-none focus-visible:z-10'>
<Trash2Icon className='icon'/>
Delete
</Button>
</div>
)
}
export default ButtonGroupActionsDemo