Josephin Doe

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

#### Basic Form Inputs

Lorem ipsum dolor sit `amet`, consectetur adipisicing elit

##### Switches

Add class of `.form-control` with `<input>` tag

#### Single Switche

#### Multiple Switches

#### Enable Disable Switches

#### Color Switches

#### Switch Sizes

##### Radio

Add class of `.form-control` with `<input>` tag

#### Radio Fill Button

Radio 1
Radio 2
Radio Disable

#### Radio outline Button

Radio 1
Radio 2
Radio Disable

#### Radio Button

Radio-fill 1
Radio-fill 2
Radio-fill Disable

#### Color Radio Button

Default Color
Primary Color
Success Color
Info Color
Warning Color
Danger Color
Inverse Color

#### Color Radio material Button

Default Color
Primary Color
Success Color
Info Color
Warning Color
Danger Color
Inverse Color

##### Checkbox

Add class of `.form-control` with `<input>` tag

#### Border Checkbox

Do you like it?
Primary
Success
Info
Warning
Danger
Disabled

#### Fade-in Checkbox

Default
Primary
Warning
Success
Info
Danger
Disabled

#### Color Checkbox

Default
Primary
Success
Info
Warning
Danger
Disabled

#### zoom Checkbox

Default
Primary
Warning
Success
Info
Danger
Disabled

##### Tags Input

Add class of `.form-control` with `<input>` tag

#### Markup

Just add `data-role="tagsinput"` to your input field to automatically change it to a tags input field.

#### Colors

You can set a fixed css class for your tags, or determine dynamically by providing a custom function.

#### Max-Tags

Just add `"tags_max"` to your input field to automatically change it to a tags input field.

#### Max-Characters

Just add `"tags_max_char"` to your input field to automatically change it to a tags input field.

#### Multiple

Just add `"tags_add_multiple"` to your input field to automatically change it to a tags input field.

##### Max Length

Add class of `.form-control` with `<input>` tag

#### Default

The badge will show up by default when the remaining chars are `10` or `less`:

#### Threshold

Do you want the badge to show up when there are `20 chars` or less? Use the `threshold` option:

#### Color-lables

Just add `color-class`with `input`

#### Play With Positions

All you need to do is specify the `placement option`, with one of those strings. If none is specified, the positioning will be defauted to `'top-left'`.

#### Also Working With Textarea

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.