Mesa Design System White Logo

Text inputs enable users to enter free-form text data for both for long and short-form entries.

Overview

Keyboard interaction

On focus, users can type directly into the input field. Any existing text in the input is highlighted on focus and will be replaced when the user begins typing. (Existing text in a text area is not highlighted on focus; instead the cursor is placed at the start or the user’s prior point of interaction.) Users can interact inside text inputs and text areas using standard arrow keys and modifiers (Ctrl for Windows, Option for Mac).