- ###### Files

- Two new item submitted

  Marketing Manager
  '17kb

- 52 JPG file Generated

  FontEnd Developer
  '11kb

- 25 PDF File Uploaded

  Digital Marketing Manager
  '150kb

- Anna_Strong

  Web Designer
  '256kb

- ###### Members

- John Doe

  UI designer

- Michal Clark

  FontEnd Developer

- Milena Gibson

  Digital Marketing Manager

- Anna Strong

  Web Designer

- No results found.

#### Secondary Badge

Use the `.badge` class, followed by`.badge-secondary`class within element to create secondary badge.

Secondary

#### Primary Badge

Use the `.badge` class, followed by`.badge-primary`class within element to create primary badge.

Primary

#### Success Badge

Use the `.badge` class, followed by`.badge-success`class within element to create success badge.

Success

#### Danger Badge

Use the `.badge` class, followed by`.badge-danger`class within element to create danger badge.

Danger

#### Info Badge

Use the `.badge` class, followed by`.badge-info`class within element to create info badge.

Info

#### Warning Badge

Use the `.badge` class, followed by`.badge-warning`class within element to create warning badge.

Warning

#### Badges With Icons

Primary
Success
Danger
Info
Warning

#### Square Badges With Icons

Use class `.badge-square` with `.badge` to make your badge square

Primary
Success
Danger
Info
Warning

#### Badges With Only Icons

#### Link Badge

Use `<a>` tag inside your `.badge` to create a badge with icon

Link Badge

#### Dropdown Badge

Use `.dropdown-toggle` class with your badge text to create a badge with dropdown

Dropdown Badge

#### Dropdown Badge With Icon

Add icon before your dropdown toggle text to create a dropdown toggle with icon

Dropdown Badge

#### Block Badge With Link

Use `.block` class with `.badge`, to display badge as a block element.

Badge

#### Block Badge With Link And Icon

Add your icon inside `<a>` tag class to make your block badge a link

Link Badge

#### Block Badge With Link And Only Icon

Inside your `.badge.block` add only icon to display your badge as a block icon

#### Badge Sizes

Use classes `badge-{xl|lg|md|sm}` to change size of a badge

Extra Large
Large
Medium
Small