Button
Multi-variant industrial button with corner decorations, loading state animation, and hover color inversion. The backbone of all user interactions in the NERV interface.
[SRC]tsx
1import { Button } from "@mdrbx/nerv-ui";
Variants
//Primary
PRIMARYinspection frame
live inspectionframe-01
//Danger
DANGERinspection frame
live inspectionframe-01
//Ghost
GHOSTinspection frame
live inspectionframe-01
//Terminal
TERMINALinspection frame
live inspectionframe-01
Sizes
SIZESinspection frame
live inspectionframe-01
Loading State
LOADINGinspection frame
live inspectionframe-01
Full Width
FULL WIDTHinspection frame
live inspectionframe-01
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "danger" | "ghost" | "terminal" | "primary" | Visual variant and color scheme |
| size | "sm" | "md" | "lg" | "md" | Button size |
| loading | boolean | false | Show animated loading dots |
| fullWidth | boolean | false | Stretch to fill container width |
| disabled | boolean | false | Disabled state with reduced opacity |
| type | "button" | "submit" | "reset" | "button" | HTML button type attribute |
| onClick | MouseEventHandler | — | Click event handler |
| className | string | "" | Additional CSS classes |