Docs
GitHub

TextField

As it appears on the account.

TextField is a text input with all the Field wiring built in. Set multiline for a textarea.

Usage

import { TextField } from "@sina-design-system/core";

<TextField label="Name" placeholder="Ada Lovelace" />
<TextField label="Notes" multiline />

Examples

Label, description, error

As it appears on the account.

Required, disabled, value

Multiline

Props

PropTypeDefaultDescription
multilinebooleanfalseRender a textarea instead of an input.
label / description / errorReactNodePassed through to the wrapping Field.

It accepts the usual native input/textarea attributes (placeholder, value, onChange, and so on).