Input Gradient

Premium input field with gradient border glow effects.

1<InputGradient placeholder="Default gradient" />
2<InputGradient gradientFrom="#ec4899" gradientTo="#8b5cf6" placeholder="Custom gradient" />

Installation

npx zeroui@latest add input-gradient

Props

nametypedefaultdescription
gradientFromstring"#8b5cf6"-
gradientTostring"#3b82f6"-
wrapperClassNamestring""-