Checkbox

Monospaced bracket-style checkbox with [X] / [ ] / [-] states. Renders a hidden native checkbox for accessibility while displaying a stylised EVA-themed indicator with optional label.

[SRC]tsx

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

Unchecked

UNCHECKEDinspection frame

live inspectionframe-01

//SYSTEM OFFLINE

Checked

CHECKEDinspection frame

live inspectionframe-01

//PATTERN BLUE CONFIRMED

Indeterminate

INDETERMINATEinspection frame

live inspectionframe-01

//PARTIAL SYNC

Colors

COLORSinspection frame

live inspectionframe-01

//ORANGE//GREEN//CYAN

With Label

WITH LABELinspection frame

live inspectionframe-01

//A.T. FIELD ACTIVE

Props

Prop	Type	Default	Description
label	string	—	Label text (displayed uppercase with // prefix)
color	"orange" \| "green" \| "cyan"	"orange"	Color theme
indeterminate	boolean	false	Indeterminate state — displays [-]
checked	boolean	—	Controlled checked state
disabled	boolean	—	Disables interaction and dims the checkbox
className	string	""	Additional CSS classes

[i]BRACKET NOTATION

The checkbox renders as [X] when checked, [ ] when unchecked, and [-] when indeterminate, matching the monospaced terminal aesthetic of NERV system interfaces.