Toast

Pages

Users

Angelina Jolie

angelinajolie@left4code.com

Kevin Spacey

kevinspacey@left4code.com

Leonardo DiCaprio

leonardodicaprio@left4code.com

Kevin Spacey

kevinspacey@left4code.com

Products

Sony Master Series A9G

Notifications

Angelina Jolie

01:10 PM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

Kevin Spacey

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

Leonardo DiCaprio

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

Kevin Spacey

01:10 PM

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

Denzel Washington

05:09 AM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

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})