Copy Button — nocdn/ui

COMPONENTS

Copy Button

A button that smoothly transitions between it's two child states.

Preview

INSTALLATION:

bunx --bun shadcn@latest add https://ui.bartoszbak.org/r/animated-button.json

USAGE:

tsx

import { AnimatedButton } from '@/components/ui/animated-button'
import { Copy, Check } from 'lucide-react'

<AnimatedButton
  className='size-4.5'
  secondaryChildren={<Check />}
  ariaLabel='Copy'
>
  <Copy className='size-4' />
</AnimatedButton>

PROPS:

Prop	Type	Default
className	string	-
children	React.ReactNode	-
secondaryChildren	React.ReactNode	-
onClick	() => void	-
ariaLabel	string	-

GETTING STARTED

COMPONENTS

EXPERIMENTS

RECREATIONS

CONTACT