Alerts

Primary Alert

This is a primary alert with some important information.

Additional information can go here.

Secondary Alert

This is a secondary alert with some less important information.

Additional information can go here.

Success Alert

This is a success alert indicating an operation completed successfully.

Additional information can go here.

Danger Alert

This is a danger alert indicating an error or critical issue.

Additional information can go here.

Warning Alert

This is a warning alert to notify about something important.

Additional information can go here.

Info Alert

This is an informational alert with general information.

Additional information can go here.

Buttons

Regular Buttons

Outline Buttons

Button Sizes

Button States

Badges

Regular Badges

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges

Primary Secondary Success Danger Warning Info Light Dark

Badges in Context

In Headings

Example heading New

Progress Bars

Basic Progress

0%

25%

50%

75%

100%

Colored Progress

Success

Info

Warning

Danger

Bootstrap 5 Components

Alerts

Primary Alert

Secondary Alert

Success Alert

Danger Alert

Warning Alert

Info Alert

Buttons

Regular Buttons

Outline Buttons

Button Sizes

Button States

Badges

Regular Badges

Pill Badges

Badges in Context

In Headings

Example heading New