### User Interface

### Buttons

Default Primary Secondary Info Warning Success Danger Inverse Pink Purple Yellow Grey Light Outline
Save Cancel

### Switches

Switch 1 Switch 2 Switch 3 Switch 4 Switch 5 Switch 6 Switch 7
Save
Cancel

### Radios and Checkboxes

4
Checkbox 1 Checkbox 2 Checkbox Disabled Radio 1 Radio 2 Radio Disabled

### WYSIWYG

### Ace - Code Editor

### Simplemde - Markdown Editor

### Selects

##### Single Select

##### Multi Select

### Ranges

#### Start without params

#### Set min value, max value and start point

#### Set type to double and specify range, also showing grid and adding prefix "$"

#### Set up range with negative values

#### Using step 250

#### Set up range with fractional values, using fractional step

#### Set up you own numbers

#### Using any strings as your values

#### One more example with strings

#### No prettify. Big numbers are ugly and unreadable

#### Prettify enabled. Much better!

#### Don't like space as separator? Use anything you like!

#### Using prefixes

#### Using postfixes

#### Want to show that max number is not the biggest one?

#### Taking care about how from and to values connect? Use decorate_both option:

#### Remove double decoration

#### Use your own separator symbol with values_separator option. Like →

#### Or " to ":

#### You can disable all the sliders visual details, if you wish. Like this:

#### Or hide any part you wish

#### And some more

### Toastr

### Date Picker

##### Date Field

##### Time Field

##### DateTime Field

##### Date Range Field

##### DateTime Range Field

### Input Fields

##### Mask Input

##### Tag Field

##### Knobs and Dials

### Prettify

    /**
     * Prettyfy
     */
    $(window).on('prettify-init', function(e, target) {
        var loaded = false;
        acquire.load(
            'system/prettify/prettify',
            function() {
                if(!loaded) {
                    PR.prettyPrint();
                    loaded = true;
                }
            }
        );
    });

### Warning Title

Tab 1
Tab 2
Tab 3

### Transparent Title

Body

### Danger Title

Body

### Inverse Title

Body

### Yellow Title

Body

### Info Title

Body

### List Group

Basic Example

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

Active items

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

Disabled items

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

Links and buttons
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

### Tables

Simple Table

Username | Date registered | Role | Status
--- | --- | --- | ---
Samppa Nori | 2012/01/01 | Member | Active
Estavan Lykos | 2012/02/01 | Staff | Banned
Chetan Mohamed | 2012/02/01 | Admin | Inactive
Derick Maximinus | 2012/03/01 | Member | Pending
Friderik Dávid | 2012/01/21 | Staff | Active

- Prev
- 1
- 2
- 3
- 4
- Next

Striped Table

Username | Date registered | Role | Status
--- | --- | --- | ---
Yiorgos Avraamu | 2012/01/01 | Member | Active
Avram Tarasios | 2012/02/01 | Staff | Banned
Quintin Ed | 2012/02/01 | Admin | Inactive
Enéas Kwadwo | 2012/03/01 | Member | Pending
Agapetus Tadeáš | 2012/01/21 | Staff | Active

- Prev
- 1
- 2
- 3
- 4
- Next

Bordered Table

Username | Date registered | Role | Status
--- | --- | --- | ---
Samppa Nori | 2012/01/01 | Member | Active
Estavan Lykos | 2012/02/01 | Staff | Banned
Chetan Mohamed | 2012/02/01 | Admin | Inactive
Derick Maximinus | 2012/03/01 | Member | Pending
Friderik Dávid | 2012/01/21 | Staff | Active

- Prev
- 1
- 2
- 3
- 4
- Next

Condensed Table

Username | Date registered | Role | Status
--- | --- | --- | ---
Yiorgos Avraamu | 2012/01/01 | Member | Active
Avram Tarasios | 2012/02/01 | Staff | Banned
Quintin Ed | 2012/02/01 | Admin | Inactive
Enéas Kwadwo | 2012/03/01 | Member | Pending
Agapetus Tadeáš | 2012/01/21 | Staff | Active

- Prev
- 1
- 2
- 3
- 4
- Next

Combined All Table

Username | Date registered | Role | Status
--- | --- | --- | ---
Yiorgos Avraamu | 2012/01/01 | Member | Active
Avram Tarasios | 2012/02/01 | Staff | Banned
Quintin Ed | 2012/02/01 | Admin | Inactive
Enéas Kwadwo | 2012/03/01 | Member | Pending
Agapetus Tadeáš | 2012/01/21 | Staff | Active

- Prev
- 1
- 2
- 3
- 4
- Next