AdminLTE | Widgets

# Widgets Preview page

#### AdminLTE Small Boxes Small boxes are used for viewing statistics. To create a small box use the class `.small-box` and mix & match using the `bg-*` classes.

### 150

New Orders

More info

### 53%

Bounce Rate

More info

### 44

User Registrations

More info

### 65

Unique Visitors

More info

### 230

Sales

More info

### 80%

Conversion Rate

More info

### 14

Notofications

More info

### 160

Products

More info

#### AdminLTE Boxes We use the base class `.box` to create widgets simply.

### Default Box (button tooltip)

Box class: `.box`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Primary Box (header tooltip)

Box class: `.box.box-primary`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Info Box

Label
Box class: `.box.box-info`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Danger Box (Loading state)

Box class: `.box.box-danger`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Success Box (toggle buttons)

Box class: `.box.box-success`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Warning Box

- «
- 1
- 2
- »

Box class: `.box.box-warning`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

#### AdminLTE Solid Boxes We use the base class `.box` and `.box-solid` to create solid boxes that look like this.

### Default Solid Box

Box class: `.box.box-solid`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Primary Solid Box

Box class: `.box.box-solid.box-primary`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Info Solid Box

Box class: `.box.box-solid.box-info`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Danger Solid Box

Box class: `.box.box-solid.box-danger`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Success Solid Box

Box class: `.box.box-solid.box-success`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Warning Solid Box

Box class: `.box.box-solid.box-warning`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

#### AdminLTE Tiles To create a tile we create a solid box and a `.bg-*` class ( * being the name of the color) to the box.

### Navy Tile

Box class: `.box.box-solid.bg-navy`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Primary Tile

Box class: `.box.box-solid.bg-light-blue`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Info Tile

Box class: `.box.box-solid.bg-aqua`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Danger Tile

Box class: `.box.box-solid.bg-red`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Success Tile

Box class: `.box.box-solid.bg-green`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Warning Tile

Box class: `.box.box-solid.bg-yellow`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Purple Tile

Box class: `.box.box-solid.bg-purple`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Blue Tile

Box class: `.box.box-solid.bg-blue`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.

### Maroon Tile

Box class: `.box.box-solid.bg-maroon`

amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel. berliner weisse wort chiller adjunct hydrometer alcohol aau! sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.