Inputs
Reimagined text fields and forms. From raw, high-contrast fields to translucent glass inputs.
Ink & Acid Input
Form fields with hard shadows and thick borders. Made for bold, high-contrast interfaces.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | React.ReactNode | — | Optional icon to display next to the label |
| label | string | — | Label text for the input |
| focusColor | string | "#ccff00" | Color of the focus background highlight |
| bgColor | string | "#f4f0ea" | Background color of the input |
| className | string | — | Optional custom class name for the input element |
Aurora Glow Input
Translucent glass inputs with subtle light flashes. Built for dark backgrounds.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | React.ReactNode | — | Optional icon to display inside the input |
| label | string | — | Floating label text for the input |
| minWidth | number | 200 | Minimum width of the input in pixels |
| maxWidth | number | 500 | Maximum width the input can grow to |
| className | string | — | Optional custom class name for the input element |