Field Text

The fields text components are used for collecting user provided information. They typically reside in forms but can appear in other places, like dialog boxes and search.

Introduction

A field component is an input field that users can type into. It has a range of options and supports several text formats including numbers.

We'll only use this for spam.

Add ons plugin

Easily extend form fields by adding text, buttons, or even button groups on either side of your input fields.

Here's an example of input with inline leading and tailing add-ons:

€
EUR

And here with inline badge:

4

Validations

When text input isn't accepted, an error message can display instructions on how to fix it. Error messages are displayed between the input and the helper text.

Please include an '@' in your email address
Very useful helper message.
On this page