1.0.32 • Published 1 year ago
toast-library-wil v1.0.32
Toast library: library to add toasts in your project
Installation
NPM
npm i toast-library-wil@latest
Yarn
yarn add toast-library-wil@latest
Usage
import { ToastContainer } from 'toast-library-wil';
Add ToastContainer
to your application
Configure and adding Toast
To work with toast you need to import instance from library
import { ToastWorker } from 'toast-library-wil';
Theming
To change theme use ToastWorker.setToastTheme(theme)
, theme
properties :
{
info: {
background: colorName or HEX,
color: colorName or HEX,
},
warning: {
background: colorName or HEX,
color: colorName or HEX,
},
error: {
background: colorName or HEX,
color: colorName or HEX,
},
success: {
background: colorName or HEX,
color: colorName or HEX,
},
};
Working with toasts
To crate toast use ToastWorker.createToast(toastConfig)
toastConfig
structure :
{
title,
description,
position, // 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
type, // 'info' | 'warning' | 'error' | 'success'
duration, // toast duration in ms
slideDirection, // 'top' | 'bottom' | 'left' | 'right'
animationName, // 'opacity' | 'slide'
color, // custom color for one toast
margin, // number
}
1.0.32
1 year ago
1.0.31
1 year ago
1.0.30
1 year ago
1.0.28
1 year ago
1.0.27
1 year ago
1.0.26
1 year ago
1.0.25
1 year ago
1.0.24
1 year ago
1.0.23
1 year ago
1.0.22
1 year ago
1.0.21
1 year ago
1.0.20
1 year ago
1.0.19
1 year ago
1.0.18
1 year ago
1.0.17
1 year ago
1.0.16
1 year ago
1.0.15
1 year ago
1.0.14
1 year ago
1.0.13
1 year ago
1.0.12
1 year ago
1.0.11
1 year ago
1.0.10
1 year ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.1
1 year ago
1.0.0
1 year ago