UEI logo

UEI Manufacturing System

Operations Workspace

TextInput Reference

Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.

Hierarchy

Comece por `atoms` e avance para níveis maiores só quando a capacidade realmente precisar de composição.

TextInput

Controlled text field for short textual, date and numeric input.

Use when: Use for single-line entry and simple filters.

Import

import { TextInput } from "@components/index";

Example

<TextInput id="order-number" label="Order number" value={value} onChangeText={setValue} />

Available Props

labelstring

Optional field label.

valuestring

Controlled value.

type"text" | "date" | "number"

Native input mode.

errorMessagestring

Optional validation message.

Live Preview

Controls

type: text

type: date

type: number

This application is a prototype and is being developed by Antonio Araujo and Seron S.