TextField
import TextField from "@shpaw415/mui-lite/TextField";Why use it
TextField is the all-in-one text input with label, helper text, and variants. Use for forms; drop to FormControl + Input when you need finer composition.
Demo
Variants
Helper text under filled field
Label stays floated when filled
Multiline
Boolean multiline → textarea
multiline={{ minRows: 3, maxRows: 6 }}
Example
import TextField from "@shpaw415/mui-lite/TextField";
<TextField label="Email" variant="outlined" helpText="Required" />
<TextField label="Notes" multiline variant="filled" />Props
| Prop | Type | Default |
|---|---|---|
| variant | standard | outlined | filled | standard |
| label | string | — |
| helpText | string | — |
| color | error | success | secondary | — |
| multiline | boolean | rows config | — |
| startIcon / endIcon | ReactNode | — |