Button 14

PreviousNext

Outline button with dashed border for download action

Docs
shadcn-studiocomponent

Preview

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

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

const ButtonDownloadDemo = () => {
  return (
    <Button variant='outline' className='border-primary border-dashed shadow-none'>
      <DownloadIcon />
      Download
    </Button>
  )
}

export default ButtonDownloadDemo

Installation

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

Usage

import { Button14 } from "@/components/button-14"
<Button14 />