Button 6

PreviousNext

Grouped action buttons for Cancel and Save operations

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/button/button-06.tsx
import { Button } from '@/registry/new-york/ui/button'

const ButtonActionsDemo = () => {
  return (
    <div className='flex flex-wrap items-center gap-4'>
      <Button variant='secondary'>Cancel</Button>
      <Button>Save Changes</Button>
    </div>
  )
}

export default ButtonActionsDemo

Installation

npx shadcn@latest add @shadcn-studio/button-06

Usage

import { Button06 } from "@/components/button-06"
<Button06 />