Alerts Showcase

Comprehensive alert variants — Style V5 (Flat Sharp/White Blue)

Alert Basic

Success Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Info Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Warning Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Danger Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Neutral Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Alert Solid (Single Line)

SuccessLorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

InfoLorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

WarningLorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

DangerLorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

NeutralLorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

Alert with Left Border

NEW

Success Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

INFO

Info Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

ATTN

Warning Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

ALERT

Danger Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

NOTE

Neutral Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

Alert with Icon

Success Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Info Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Warning Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Danger Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Neutral Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Alert with Badge

NEW

Success Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

INFO

Info Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ATTN

Warning Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ALERT

Danger Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

NOTE

Neutral Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Alert with Top Border

NEW

Success Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

INFO

Info Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

ATTN

Warning Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

ALERT

Danger Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

NOTE

Neutral Alert

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.