#### General

#### Badges

Add any of the below mentioned modifier classes to change the appearance of a badge.

##### Default

Primary Success Info Warning Danger Dark

##### Soft Badge

Primary Success Info Warning Danger Dark

#### Pill Badges

Use the `.rounded-pill` modifier class to make badges more rounded.

##### Default

Primary Success Info Warning Danger Dark

##### Soft Badge

Primary Success Info Warning Danger Dark

#### Badges in Buttons

Badges can be used as part of links or buttons to provide a counter.

#### Badges Position Examples

Example of Badges Position

#### Popovers

Four options are available: top, right, bottom, and left aligned. Directions are mirrored when using Bootstrap in RTL.

#### Tooltips

Hover over the links below to see tooltips:

#### Pagination Default Example

Pagination links indicate a series of related content exists across multiple pages.

##### Pagination Disabled and Active

Pagination links are customizable for different circumstances. Use `.disabled` for links that appear un-clickable and `.active` to indicate the current page.

##### Pagination Sizing

Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for additional sizes.

##### Pagination Alignment

Change the alignment of pagination components with flexbox utilities.

#### Border Spinner

Use the border spinners for a lightweight loading indicator.

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

#### Growing Spinner

If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

##### Theme Customizer

###### Layout

Vertical
Horizontal

###### Layout Mode

Light
Dark

###### Layout Width

Fluid
Boxed

###### Layout Position

Fixed
Scrollable

###### Topbar Color

Light
Dark

###### Sidebar Size

###### Sidebar Color

###### Direction

LTR
RTL