← DOCS
cyber

CyberInput

Animated input field with neon glow and label.

npx chaos add cyber-input

PREVIEW

INPUT

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { CyberInput } from '@oalacea/chaosui/cyber/cyber-input';

<CyberInput placeholder="Enter text" />
<CyberInput label="Username" variant="pink" />
<CyberInput label="Email" error="Invalid email" />

PROPS

PropTypeDefault
variantNeon color
"cyan" | "pink" | "green" | "purple""cyan"
labelInput label
string-
errorError message
string-