Button 13

PreviousNext

Outline button with sky blue theme for duplicate action

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/button/button-13.tsx
import { CopyIcon } from 'lucide-react'

import { Button } from '@/registry/new-york/ui/button'

const ButtonDuplicateDemo = () => {
  return (
    <Button
      variant='outline'
      className='border-sky-600 text-sky-600! hover:bg-sky-600/10 focus-visible:border-sky-600 focus-visible:ring-sky-600/20 dark:border-sky-400 dark:text-sky-400! dark:hover:bg-sky-400/10 dark:focus-visible:border-sky-400 dark:focus-visible:ring-sky-400/40'
    >
      <CopyIcon />
      Duplicate
    </Button>
  )
}

export default ButtonDuplicateDemo

Installation

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

Usage

import { Button13 } from "@/components/button-13"
<Button13 />