Alert

Pages

Users

Russell Crowe

russellcrowe@left4code.com

Johnny Depp

johnnydepp@left4code.com

Kevin Spacey

kevinspacey@left4code.com

Leonardo DiCaprio

leonardodicaprio@left4code.com

Products

Samsung Galaxy S20 Ultra

Smartphone & Tablet

Notifications

Russell Crowe

06:05 AM

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem

Johnny Depp

06:05 AM

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi

Kevin Spacey

01:10 PM

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi

Leonardo DiCaprio

05:09 AM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Denzel Washington

01:10 PM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Basic Alerts

Show code

Awesome simple alert

  HTMLOpenTagdiv class="rounded-md px-5 py-4 mb-2 bg-theme-1 text-white"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md px-5 py-4 mb-2 border text-gray-700 dark:text-gray-300 dark:border-dark-5"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md px-5 py-4 mb-2 bg-theme-9 text-white"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md px-5 py-4 mb-2 bg-theme-12 text-white"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md px-5 py-4 mb-2 bg-theme-6 text-white"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md px-5 py-4 mb-2 bg-gray-200 text-gray-600"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag

Icon Alerts

Show code

Awesome alert with icon

  HTMLOpenTagdiv class="rounded-md flex items-center px-5 py-4 mb-2 bg-theme-1 text-white"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md flex items-center px-5 py-4 mb-2 border text-gray-700 dark:text-gray-300 dark:border-dark-5"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md flex items-center px-5 py-4 mb-2 bg-theme-9 text-white"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md flex items-center px-5 py-4 mb-2 bg-theme-12 text-white"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md flex items-center px-5 py-4 mb-2 bg-theme-6 text-white"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="rounded-md flex items-center px-5 py-4 mb-2 bg-gray-200 text-gray-600"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag