w-toastr
The simple toast for your web projects.
Installation
npm install @wowdesarrollos/w-toastr
Usage
The w-toastr it's easy to use, just import the package
import '@wowdesarrollos/w-toastr/src/styles/main.css'
import toast from '@wowdesarrollos/w-toastr'
and run the shortcuts.
Example
## import package
import toast from '@wowdesarrollos/w-toastr'
## toast success color green
toast.success('Hello my friend, welcome to w-toast')
## or
toast.info('Hello world!')
Preset functions
w-toast offers five preset functions for a quick start.
Function | Description |
---|---|
success | color green to success actions |
info | color blue to show information |
warning | color yellow |
error | colore red to error actios |
dark | color dark neutral |
Flexible and configurable
w-toast allows you to configure your style, you can modify the colors and the animation time
toast.config(options)
# or
toast.show('title', 'message', options)
Allowed options
Option | Description |
---|---|
colors | Object with colors: DARK, SUCCESS, INFO, WARNING, ERROR |
duration | Integer |
dismissible | Boolean, default false |
License
MIT