Light Blue

Form Elements Inputs, controls and more

Inputs

Horizontal form

Normal field

Transparent input

Label hint Some help text

Tooltip enabled

Disabled input

Max length

Prepended input

Password

Appended input

.00

Combined

$ .00

Prepended and appended inputs

Default form

Search type input

Whole bar appended

Actions dropdown

Types dropdown

You can select some type of a field just right in the place.

Segmented dropdown

Everything can be appended to the right

Textareas

Condensed form

Default textarea

Auto-growing textarea

Wysiwyg With bottom toolbar appended

Selects

Default form with labels on left

Default select

.select-block-level it to make 100% width

Select with search

Multiple select With search too

Select with groups

Dropdown based colored selects

Simple select

Auto size

Colored ones A bit of Japanese

Big one

Size can be controlled via .btn-*

Sliders new

Color Options

Light Blue extends Bootstrap Slider and provides different color options:

Slider Orientation

Vertical orientation is also possible. Simply changing data-slider-orientation attribute does the thing.

Range Selector

Range selector, options specified via data-slider-value attribute as an array. Price range selector:

Input Sizing From `.col--1` to `.col--12`

.col-sm-6

.col-sm-4

.col-sm-2

.col-sm-12

.col-sm-11

.col-sm-9

.col-sm-7

Masked Inputs

Phone (123) 456-7890

International Phone +375 123 456 789

Date Format 07-03-2013

Time 13:43