Toast

Pages

Users

Denzel Washington

denzelwashington@left4code.com

Denzel Washington

denzelwashington@left4code.com

Hugh Jackman

hughjackman@left4code.com

Kevin Spacey

kevinspacey@left4code.com

Products

Notifications

Denzel Washington

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

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

Hugh Jackman

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

Kevin Spacey

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

Leonardo DiCaprio

06:05 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 })