Open playroom

Text Input

Text inputs enable the user to interact with and input content and data.
Install
pnpm add @balance-web/text-input
Import usage
import {
Adornment,
AdornmentWrapper,
TextInput,
useInputStyles
} from '@balance-web/text-input';

Alternatives

Usage

The TextInput component is a styled input element.

Size

There are two options for the size of the text input, "medium" is the default.

Placeholder

Placeholder text provides hints or examples of what to enter.

Placeholder text disappears after the user begins entering data into the input and should not contain crucial information. Do not use placeholder text as a replacement for labels or descriptions.

Use sentence-style capitalisation, and in most cases, write the text as a direct statement without punctuation.

Copyright © 2025 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo