← DOCS
cyber

CyberInput

Animated input field with neon glow and label.

npx chaos add cyber-input

PREVIEW

INPUT

USAGE

import { CyberInput } from '@/components/chaos/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-