Text Entry

A text entry field provides users with an area where they can enter text or numerical data directly into the designated field.

Props

Label

Label text for the component. Recommended: 1-2 words.

Show Caption

Display guiding text to the user.

Show icon

Display unique actions or input type.

Filled

Indicates whether the input currently contains user-entered content.

Common configurations

Pre-configured text input variants to cover frequent use cases, reduce setup time, and ensure consistent behaviour and styling.

Base Text Entry

Capturing general text input such as names, titles, or short descriptions. This is the most flexible and commonly used input field.

Password Entry

Collecting sensitive information like passwords or PINs. Input is masked by default with an option to reveal.

Search Entry

Allowing users to search or filter content. Includes a search icon to reinforce the action.

Date Entry

Users need to select a date and follows consistent input and formatting.

States

Lance

Sr. Designer