122/207

Animated Input

Forms

Input with animated label and focus

inputanimatedlabel

Installation

npx shadcn@latest add https://nonaxial.com/r/animated-input.json

Usage

tsx

import { AnimatedInput } from "@/components/nonaxial/animated-input"

export default function Example() {
  return (
    <AnimatedInput>{/* Your content here */}</AnimatedInput>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—