Button 19

PreviousNext

Publish button with circular icon badge and rounded outline styling

Docs
shadcn-studiocomponent

Preview

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

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

const ButtonPublishDemo = () => {
  return (
    <Button variant='outline' className='h-12 rounded-full px-2.5'>
      <span className='bg-primary text-primary-foreground flex size-7 items-center justify-center rounded-full'>
        <ShareIcon />
      </span>
      Publish
    </Button>
  )
}

export default ButtonPublishDemo

Installation

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

Usage

import { Button19 } from "@/components/button-19"
<Button19 />