0.0.1 • Published 3 years ago

message-like-antd v0.0.1

Weekly downloads
7
License
MIT
Repository
github
Last release
3 years ago

message-like-antd

A message component like Antd. If you want use a message component, but not want import the whole Antd, you can try it.

Install

  npm install message-like-antd
  yarn add message-like-antd

Import

Use in NPM:

  import $message from 'message-like-antd'
  import 'message-like-antd/src/theme/message.css'

Use in HTML:

  <link ref="stylesheet" href="./message-like-antd/dist/theme/message.css" />
  <script src="./message-like-antd/dist/message.js"></script>

API

  $message.success(content, [duration], onClose)
  $message.error(content, [duration], onClose)
  $message.info(content, [duration], onClose)
  $message.warning(content, [duration], onClose)
  $message.loading(content, [duration], onClose)
  $message.destroy() // destroy all message

  let message = $message.success(content, [duration], onClose)
  message() // destroy single

Argument descripton

ArgumentDescriptionTypeDefault
contentcontent of the messagestring-
durationtime(seconds) before auto-dismiss, don't dismiss if set to 0number3
onCloseSpecify a function that will be called when the message is closedFunction-