A very small JS library for showing toasts, written in 496 bytes of CSS and 996 bytes of JS.

How to

Install using Yarn or NPM

yarn add very-small-toast - or - npm install very-small-toast

Import JS

In you main JS file:

import Toast from ' very-small-toast ' ; ... $toast ( ' Hello Toast ' ) ;

The $toast method is added to window so can be called from anywhere.

Import CSS

You can either import the CSS or SCSS, if you want to customise anything import the SCSS.

To import CSS, in you index.html add

< link rel = ' stylesheet ' href = ' node_modules/very-small-toast/dist/style.css ' />

To import SCSS and make customising a lot easier, add this to your main .scss

@ import ' very-small-toast-overrides ' ; @ import ' ~very-small-toast/scss/verysmalltoast ' ;

or in your main JS file

import ' very-small-toast/scss/verysmalltoast.scss '

@import 'very-small-toast-overrides'; will be a file with variables overwriting the ones using in verysmalltoast.scss .

Customising