The CSS Framework for SaaS Apps | Mod

Components
Input

Uses JavaScript

Read the docs for this component's JavaScript.

Standard (Medium)

Text

Preview

Code

Danger

Preview

Code

Text Square

Preview

Code

Text Square Danger

Preview

Code

Email

Preview

Code

Email Danger

Preview

Code

Email Square

Preview

Code

Email Square Danger

Preview

Code

Password

Preview

Code

Password Danger

Preview

Code

Password + Show/Hide Requires JS

Preview

Code

Password Square

Preview

Code

Password Square Danger

Preview

Code

Password Square + Show/Hide Requires JS

Preview

Code

File

Preview

Code

File Danger

Preview

Code

File Square

Preview

Code

File Square Danger

Preview

Code

Select

Preview

Code

Select Danger

Preview

Code

Select Square

Preview

Code

Select Square Danger

Preview

Code

Radio

Preview

Code

Radio + Label

Preview

Code

Radio Group (Vertical)

Preview

Code

Radio Group (Horizontal)

Preview

Code

Checkbox

Preview

Code

Checkbox + Label

Preview

Code

Checkbox Group (Vertical)

Preview

Code

Checkbox Group (Horizontal)

Preview

Code

Checkbox Square

Preview

Code

Checkbox Square + Label

Preview

Code

Checkbox Square Group (Vertical)

Preview

Code

Checkbox Square Group (Horizontal)

Preview

Code

Number Requires JS

Preview

Code

Textarea

Preview

Code

Textarea Danger

Preview

Code

Textarea Autoresize Requires JS

Preview

Code

Textarea Autoresize Danger Requires JS

Preview

Code

Small

Text

Preview

Code

Danger

Preview

Code

Text Square

Preview

Code

Text Square Danger

Preview

Code

Email

Preview

Code

Email Danger

Preview

Code

Email Square

Preview

Code

Email Square Danger

Preview

Code

Password

Preview

Code

Password Danger

Preview

Code

Password + Show/Hide Requires JS

Preview

Code

Password Square

Preview

Code

Password Square Danger

Preview

Code

Password Square + Show/Hide Requires JS

Preview

Code

File

Preview

Code

File Danger

Preview

Code

File Square

Preview

Code

File Square Danger

Preview

Code

Select

Preview

Code

Select Danger

Preview

Code

Select Square

Preview

Code

Select Square Danger

Preview

Code

Radio

Preview

Code

Radio + Label

Preview

Code

Radio Group (Vertical)

Preview

Code

Radio Group (Horizontal)

Preview

Code

Checkbox

Preview

Code

Checkbox + Label

Preview

Code

Checkbox Group (Vertical)

Preview

Code

Checkbox Group (Horizontal)

Preview

Code

Checkbox Square

Preview

Code

Checkbox Square + Label

Preview

Code

Checkbox Square Group (Vertical)

Preview

Code

Checkbox Square Group (Horizontal)

Preview

Code

Number Requires JS

Preview

Code

Textarea

Preview

Code

Textarea Danger

Preview

Code

Textarea Autoresize Requires JS

Preview

Code

Textarea Autoresize Danger Requires JS

Preview

Code

Large

Text

Preview

Code

Danger

Preview

Code

Text Square

Preview

Code

Text Square Danger

Preview

Code

Email

Preview

Code

Email Danger

Preview

Code

Email Square

Preview

Code

Email Square Danger

Preview

Code

Password

Preview

Code

Password Danger

Preview

Code

Password + Show/Hide Requires JS

Preview

Code

Password Square

Preview

Code

Password Square Danger

Preview

Code

Password Square + Show/Hide Requires JS

Preview

Code

File

Preview

Code

File Danger

Preview

Code

File Square

Preview

Code

File Square Danger

Preview

Code

Select

Preview

Code

Select Danger

Preview

Code

Select Square

Preview

Code

Select Square Danger

Preview

Code

Radio

Preview

Code

Radio + Label

Preview

Code

Radio Group (Vertical)

Preview

Code

Radio Group (Horizontal)

Preview

Code

Checkbox

Preview

Code

Checkbox + Label

Preview

Code

Checkbox Group (Vertical)

Preview

Code

Checkbox Group (Horizontal)

Preview

Code

Checkbox Square

Preview

Code

Checkbox Square + Label

Preview

Code

Checkbox Square Group (Vertical)

Preview

Code

Checkbox Square Group (Horizontal)

Preview

Code

Number Requires JS

Preview

Code

Textarea

Preview

Code

Textarea Danger

Preview

Code

Textarea Autoresize Requires JS

Preview

Code

Textarea Autoresize Danger Requires JS

Preview

Code