Text Input

Text Input allows users to enter and edit alphanumeric data. Use them to gather short-to-medium-long data entries.

 

Component checklist

Design documented

The component is fully documented

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Up to date

Introduction

A Text Input enables users to enter and edit alphanumeric data. It is recommended for short or medium-length content, as it has a fixed height and displays just one line of text at a time. For longer content entries that span multiple lines, a Textarea is more suitable.

Intro/Main image