Generals | UI

#### Theme Styles

#### Theme Colors

#### Modal title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend et nisl eget porta. Curabitur elementum sem molestie nisl varius, eget tempus odio molestie. Nunc vehicula sem arcu, eu pulvinar neque cursus ac. Aliquam ultricies lobortis magna et aliquam. Vestibulum egestas eu urna sed ultricies. Nullam pulvinar dolor vitae quam dictum condimentum. Integer a sodales elit, eu pulvinar leo. Nunc nec aliquam nisi, a mollis neque. Ut vel felis quis tellus hendrerit placerat. Vivamus vel nisl non magna feugiat dignissim sed ut nibh. Nulla elementum, est a pretium hendrerit, arcu risus luctus augue, mattis aliquet orci ligula eget massa. Sed ut ultricies felis.

## Chat 3

Favorites Verna Morton 2 Delores Blake 0 Nathaniel Morris 0 Boyd Bridges 0 Meredith Houston 0
Office Ann Scott 0 Sherman Stokes 0 Florence Pierce 1
Friends Willard Mckenzie 0 Jenny Frazier 0 Chris Stewart 0 Olivia Green 0
Willard Mckenzie Online

- John Doe09:33

  Hi Swlabs, we have some comments for you.

- Swlabs09:33

  Hi, we're listening you...

### Basic

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

### Dismissable alerts

Warning! Best check yo self, you're not looking too good.

### Links In Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention , but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

#### Success! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

#### Info! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

#### Warning! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

#### Dangerous! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

### Labels

Default Primary Success Info Warning Danger

### Label Colors

Red Orange Green Yellow Blue Violet Pink Grey Dark

### Label In Headings

# Example heading Default

## Example heading Primary

### Example heading Success

#### Example heading Warning

##### Example heading Info

###### Example heading Danger

### Badges

Default Primary Success Warning Info Danger

### Badge Colors

Red Orange Green Yellow Blue Pink Violet Grey Dark

### Badges List Navigations

### Badge In Pill

### Badge With Button Dropdown

### Pagination

- «
- 1
- 2
- 3
- 4
- 5
- »

### Disabled and active states

- «
- 1
- 2
- 3
- 4
- 5
- »

### Size

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

### Pagination Align

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

### Pager

- Previous
- Next

### Pager Aligned Links

- ← Older
- Newer →

### Pager Optional Disabled State

- ← Older
- Newer →

#### Input Group

@
.00
$.00

#### Size

@
@
@

#### Checkboxes & Radio Addons

#### Buttons with dropdowns

#### Segmented Buttons

#### Button Addons On Both Sides

#### Buttons With Dropdowns On Both Sides

#### Basic

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

#### Contextual classes

- Dapibus ac facilisis in
- Cras sit amet nibh libero
- Porta ac consectetur ac
- Vestibulum at eros

#### Badges

Cras justo odio4Dapibus ac facilisis in2Morbi leo risus3Porta ac consectetur ac8Vestibulum at eros1Morbi leo risus5

#### Contextual classes with '.active'

Dapibus ac facilisis inCras sit amet nibh liberoPorta ac consectetur acVestibulum at eros

#### Linked Items

Cras justo odioDapibus ac facilisis inMorbi leo risusPorta ac consectetur acVestibulum at erosMorbi leo risus

#### Custom Content

#### List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

#### List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

#### List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

#### Default Thumbnails

#### Custom Content

### Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

### Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

### Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

### Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

#### Tooltip

#### Popovers

#### Large Well

Look, I'm in a large well!

#### Default Well

Look, I'm in a well!

#### Small Well

Look, I'm in a small well!

#### Media object

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Media List

- #### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

- #### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.