Component

Neo Input

A high-contrast input field that demands attention. Turns electric yellow when focused and screams when there's an error.

01 Installation

Copy the source code below into your project.

Source Code

New Component

src/components/neo/

Or switch to the "Code" tab to view manually

Simple Input

Pass a `label` prop for a built-in header, or an `icon` to add visual flair inside the input.

Icons Example

Email Address

Pass an `error` string to trigger the error state. The border turns red and the background highlights in pink on focus.

Error Handling

Password

Password is too weak, try 'password123'

Secure

SYSTEM_LOGIN_V2

Username

Prop	Type	Default	Description
label	string	undefined	Label text displayed above the input.
error	string	undefined	Error message. Triggers error styling state.
icon	ElementType	undefined	React icon component to display on the right side.
...props	InputHTMLAttributes	-	All standard input props (placeholder, type, onChange, etc).