vanilla-antd-message

Lightweight, antd like message component.Writting with vanilla Javascript.Used for display global messages on your site.

Usage no npm install needed!

<script type="module">
  import vanillaAntdMessage from 'https://cdn.skypack.dev/vanilla-antd-message';
</script>

README

vanilla-antd-message

Lightweight(Only 2kb including Javascript and CSS after gzip), antd like message component.
Used for display global messages on your site. Writting with vanilla Javascript, Zero dependencies.
Inspired by Ant Design

Demo

Try it out

Support

Modern browsers and Internet Explorer 10+.

Installation

npm i vanilla-antd-message --save

Quickstart

import message from 'vanilla-antd-message'
import 'vanilla-antd-message/dist/style.css'

message.info('Info Message')
message.success('Success Message')
message.error('Error Message')
message.warn('Warn Message')

API

/**
* @params content {String} The message to show
* @params duration {Number} How long the message will show, default is 3000ms
* @params onClose {Function} The callback function when message end
**/
message.info(content, [duration], onClose)
message.success(content, [duration], onClose)
message.error(content, [duration], onClose)
message.warn(content, [duration], onClose)