Form Components

Use Bootstrap forms plus theme form listed below:

Basic Example

Add class .control-theme to form to remove shadow and theme ui.

Name

Disabled

Readonly

Disabled Readonly

Readonly Plaintext

Textarea

File Input

Color Input

Datalist

Form Color

Primary (.form-primary)

Secondary (.form-secondary)

Info (.form-info)

Light (.form-light)

Dark (.form-dark)

Success (.form-success)

Warning (.form-warning)

Danger (.form-danger)

Theme (.form-theme)

Theme Inverse (.form-theme-inverse)

Theme Light (.form-theme-light)

Theme Dark (.form-theme-dark)

Secondary 900 (.form-secondary-900)

Secondary 500 (.form-secondary-500)

Tertiary 900 (.form-tertiary-900)

Tertiary 500 (.form-tertiary-500)

Theme Success (.form-theme-success)

Theme Warning (.form-theme-warning)

Theme Danger (.form-theme-danger)

Gradient PS (.form-gradient-ps)

Gradient PT (.form-gradient-pt)

Gradient ST (.form-gradient-st)

Gradient Mesh 1 (.form-gradient-mesh-1)

Gradient Mesh 2 (.form-gradient-mesh-2)

Gradient Mesh 3 (.form-gradient-mesh-3)

Glass (.form-glass)

Form Borderless

Add .borderless class to remove form element border