shadcn index

Button 46

PreviousNext

Destructive button with heartbeat pulse animation effect

Docs
shadcn-studiocomponent

Preview

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

const ButtonHeartbeatEffectDemo = () => {
  return (
    <Button variant='destructive' className='animate-heartbeat dark:bg-destructive/100 m-9'>
      Heartbeat Effect
    </Button>
  )
}

export default ButtonHeartbeatEffectDemo

Installation

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

Usage

import { Button46 } from "@/components/button-46"
<Button46 />