THEME
MOTION
HAPTIC
SOUND
TEXTFIELD
Monospace text input. With `ai={{ suggest: true }}` shows ghost-text AI completions (Tab to accept).
Live demo
Import
import { TextField } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
value | string | — | yes | |
onChange | (v: string) => void | — | yes | |
placeholder | string | — | — | |
disabled | boolean | — | — | |
ai | TextFieldAIConfig | — | — | |
weight | 'regular'|'bold' | regular | — | Font weight of the typed text. |
Examples
basic
<TextField value={v} onChange={setV} placeholder="TYPE HERE" />ai-suggest
<TextField value={v} onChange={setV} ai={{ suggest: true }} />Accessibility
Role: textbox
- aria-label if no visible label
Feedback
| Haptic | none |
| Sound | none |