Components

TextField

A label, input, and connected hint or error.

Your questionAsk about the work or how it was built.

ControlsDisabledShow error

Example

<TextField label="Your question" placeholder="What are you curious about?"
  value={question} onChange={(event) => setQuestion(event.target.value)}
  hint="Ask about the work or how it was built."
/>

Props

Generated from design-system/TextField.tsx. Native HTML and accessibility props are forwarded. className and style are excluded.

Prop	Type	Required	Default
`label`	`string`	Yes	`None`
`hint`	`string`	No	`None`
`error`	`string`	No	`None`

View TextField source · design-system/TextField.tsx:7