Block Parts
Text Field
A text input with a label, helper or error text, and optional icons or add-ons on either side.
Usage
Enter a full email address, like alina@wunderui.dev.
Installation
npm install @wunderui/reactThen import what you need:
import { TextField, TextFieldProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| label | ReactNode | — |
| labelTrailing | ReactNode | — |
| optional | boolean | — |
| helper | ReactNode | — |
| error | ReactNode | — |
| leading | ReactNode | — |
| trailing | ReactNode | — |
| size | "sm" | "default" | "lg" | "default" |
| wrapperClassName | string | — |
| ...props | ComponentProps<"input"> | — |