Toast

Pages

Users

Tom Cruise

tomcruise@left4code.com

Angelina Jolie

angelinajolie@left4code.com

Al Pacino

alpacino@left4code.com

Johnny Depp

johnnydepp@left4code.com

Products

Notifications

Tom Cruise

03:20 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

Angelina Jolie

05:09 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

Al Pacino

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

Johnny Depp

05:09 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

Angelina Jolie

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

Basic Textual Toast

Show code

// Non sticky version $.toast("Lorem ipsum dolor sit amet,consectetur adipisicing elit. Hic,consequuntur doloremque eveniet eius eaque dicta repudiandae illo ullam. Minima itaque sint magnam dolorum asperiores repudiandae dignissimos expedita,voluptatum vitae velit.") // Sticky version $.toast({text:"Lorem ipsum dolor sit amet,consectetur adipisicing elit. Hic,consequuntur doloremque eveniet eius eaque dicta repudiandae illo ullam. Minima itaque sint magnam dolorum asperiores repudiandae dignissimos expedita,voluptatum vitae velit.",hideAfter:false})

Toast using HTML as a text

Show code

// Non sticky $.toast('Lets test some HTML stuff... HTMLOpenTaga href="#"HTMLCloseTaggithubHTMLOpenTag/aHTMLCloseTag') // sticky $.toast({text:'HTMLOpenTagstrongHTMLCloseTagRemember!HTMLOpenTag/strongHTMLCloseTag You can HTMLOpenTagspan class="font-medium text-red-600"HTMLCloseTagalwaysHTMLOpenTag/spanHTMLCloseTag introduce your own × HTML and HTMLOpenTagspan class="font-medium"HTMLCloseTagCSSHTMLOpenTag/spanHTMLCloseTag in the toast.',hideAfter:false})