Text Input

Inputs allow users to enter and edit alphanumeric data.

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 simple alphanumeric data. It is recommended for short 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 Text Area is more suitable.

Intro/Main image