Squad UI — Input / Text Areas

Input Types

Text Areas

Rich Text Editor

States

Text

Full Name

With Icons

Username

Your unique identifier

Email (with validation)

Email Address*

Phone (with validation)

Phone Number

Password

Must be at least 8 characters

URL

Website

Number (with min/max)

Quantity

Decimal (2 places)

Amount

Number (no stepper)

Year

Search

Search with Label

Search Projects

Search by name or ID

With Trailing Icon

Disabled

Disabled Input

Read Only

Textarea

Description

Enter a detailed description

Textarea (with validation)

Bio*

Color Field

Background Color

Click the swatch to pick a color

Error State (try it)

Custom Validation (change)

Invite Code

Rich Text Editor

Default Toolbar

Full Toolbar

Character Limit (200)

Toolbar on Bottom

Controlled (raw HTML output)

HTML

<p></p>

Markdown

Squad UI — Input / Text Areas

Table of Contents

Text

With Icons

Email (with validation)

Phone (with validation)

Password

URL

Number (with min/max)

Decimal (2 places)

Number (no stepper)

Search

Search with Label

With Trailing Icon

Disabled

Read Only

Textarea

Textarea (with validation)

Color Field

Error State (try it)

Custom Validation (change)

Rich Text Editor

Default Toolbar

Full Toolbar

Character Limit (200)

Toolbar on Bottom

Controlled (raw HTML output)

Rich Text Error State

Rich Text Disabled