Nexub DSv0.0.2
Brand
Components · Form & Input
Text input field for forms. Supports size variants, icons, addons, and validation states.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | — | Control height and font size. |
| invalid | boolean | false | — | Applies error ring styling. |
| disabled | boolean | false | — | Disables the input. |
| placeholder | string | — | — | Placeholder text. |
| type | string | 'text' | — | HTML input type attribute. |
| leadingIcon | React.ReactNode | — | — | Icon rendered at the start of the input. |
| trailingIcon | React.ReactNode | — | — | Icon rendered at the end of the input. |
| leadingAddon | string | — | — | Text addon rendered before the input (e.g. "https://"). |
| trailingAddon | string | — | — | Text addon rendered after the input (e.g. ".com"). |
import { Input } from '@nexub/react';