@shawyu/toast v1.1.0

@shawyu/toast

toast.js is a lightweight plugin for JavaScript and Node.js.

Github地址

https://github.com/shawyuu/js-plugin/tree/main/toast

Getting started

Install

npm install @shawyu/toast

In browser

<script src="../toast/index.js"></script>

Usage

import Toast from '@shawyu/toast'

Toast.show('Toast Tip')

When the option is string!

Toast.show('Toast Tip')
Toast.primary('primary Tip')
Toast.success('success Tip')
Toast.warning('warning Tip')
Toast.error('error Tip')
Toast.info('info Tip')

Toast.loading('Loading...') //When this type is loading! You must manually turn it off

setTimeout(()=>{
	Toast.hideLoading()
},1000)

When the option is object!

When showClose is true! It will not automatically shut down. When you call the function(like Toast.primary(),Toast.warning(),Toast.error(),Toast.info(),Toast.loading()). the type parameter will become invalid.

Toast.show({
	title:'Toast Tip',
	showClose:true,
	type:'info',
	placement:"center"
})


Toast.success({
	title:'Toast Tip',
	placement:"top",
	type:'info'  // is invalid
})

Toast.custom({
	title:'Toast Tip',
	placement:"top",
	bgColor:"linear-gradient(45deg, #96fbc4 0%, #f9f586 100%)",
	color:"#086030",
	type:'custom'
})

Toast.loading({
	title: 'loading',
	placement: 'center',
	bgColor: 'rgba(0,0,0,0.75)',
	color: '#fff',
	mask:false,
	loadingStyle: 'circle'
})

Toast.setText('loading 90%')

setTimeout(()=>{
	Toast.hideLoading({
		delay:1000,  // delay to run callback, default value:500
		success:()=>{
			console.log('it closed')
		},
		fail:()=>{
			console.log('fail')
		}
	})				
},1000)				

All Props

Logs

1.0.0 version\ 1.0.1 fix\ 1.0.2 optimize 1.0.3 add showIcon and onClose(callback)\ add hideLoading（when use Toast.loading，you must use Toast.hideLoading to close it）\ 1.0.4 fix parameter error\ 1.0.5 Cancel loading animation 1.0.9 add setText()