Input Field

Terminal-style text input with animated bracket decorators [ ] on focus. Shows error or hint text below. Extends all standard HTML input attributes.

[SRC]tsx

1import { InputField } from "@mdrbx/nerv-ui";

Basic Usage

DEFAULTinspection frame

live inspectionframe-01

//OPERATOR ID

[]

Color Variants

COLORSinspection frame

live inspectionframe-01

//ORANGE INPUT

[]

//GREEN INPUT

[]

//CYAN INPUT

[]

Error State

ERRORinspection frame

live inspectionframe-01

//AUTH CODE

[]

! INVALID CREDENTIALS — ACCESS DENIED

With Hint

HINTinspection frame

live inspectionframe-01

//TARGET

[]

Enter target designation code

Props

Prop	Type	Default	Description
label	string	—	Label text with "//" prefix
color	"orange" \| "green" \| "cyan"	"orange"	Input color theme
size	"sm" \| "md" \| "lg"	"md"	Input size
error	string	—	Error message displayed in red
hint	string	—	Hint text displayed in muted color
wrapperClassName	string	""	Wrapper element CSS classes
...rest	InputHTMLAttributes	—	All standard HTML input attributes