Native-like toast notification but for the web. (JS + CSS ≈ 4KB)
$ npm install --save native-toastNPMCDN: https://unpkg.com/native-toast/dist/
First import native-toast/dist/native-toast.css, then:
import nativeToast from 'native-toast'
nativeToast({
message: 'wait wait!',
position: 'north-east',
// Self destroy in 5 seconds
timeout: 5000,
type: 'warning'
})
// or nativeToast.warning(options)Four types: success warning info error
Type: string
Default: ''
Toast message.
Type: string
Default: south-east
Values: center west east south south-west south-east north north-west north-east
Toast position.
Type: boolean
Default: false
Set border-radius to 33px instead of 3px. Has no effect when edge === false.
Type: number
Default: 3000
Self destroy in specfic timeout. If given 0 or `false then toast will never self destroy.
Type: string
Default: undefined
One of success warning info error.
A short-hand usage: nativeToast.success(opts) nativeToast.error(opts) and such.
Type: boolean
Default: true
Set to false to disable icon.
Type: boolean
Default: false
Show toast on the edge.
Type: boolean
Default: false
Close the toast when clicked.
Type: HTMLElement[]
Optionally provide an array of HTML elements to insert after the message.
MIT © EGOIST