Form Elements

Input Fields

Normal Input Field

Password Field with tooltip

With Placeholder

Disabled Field

Predefined value

Textarea

Textarea with autogrow

WYSIWYG (W)hat (y)ou (s)ee (i)s (w)hat (y)ou (g)et

Select

Select With search

Select Without search

Tags Select

Dual Select

Picker

Datepicker

Timepicker

Date-/Timepicker

Color-Picker

Checkboxes

Simple Checkbox

Select it?

Disabled Checkbox

Select it?

Radio Buttons

Radio Buttons

Mastercard

Visa

American Express

Disabled Radio Buttons

Mastercard

Visa

American Express

Slider

Simple Slider

Range Slider

Text-like Input

Autocomplete e.g. "red"

Password Meter

Spinner

Upload

Inline Picker

Inline Datepicker

Inline-Picker (flat picker)

Date 99/99/9999

Phone (999) 999-9999

Int. Phone +33 999 999 999

Tax ID 99-9999999

SSN 999-99-9999

Product Key a*-999-a999

Purchase Order aaa-999-***

Percent 99%

John Doe says:3 hours ago

Peter Doe says:5 hours ago

Form Elements

Masked Inputs

Rich Text Editor (WYSIWYG)

Full Width Grid

Full Width Grid with Label

Full Width Grid with Inline Label

John Doe says:3 hours ago

Peter Doe says:5 hours ago

New Messages

Create a User

Write a Message

Information

Form Elements

Masked Inputs

Rich Text Editor (WYSIWYG)

Full Width Grid

Full Width Grid with Label

Full Width Grid with Inline Label