@illa-design/message v1.3.0

Message

The Message component is a feedback triggered by user actions.

Installation

yarn add @illa-design/message

Import component

import { Message } from "@illa-design/message"

API

Message Basic Properties

Method

Message.info(content: string) / Message.info(config: Object)

Message.success(content: string) / Message.success(config: Object)

Message.warning(content: string) / Message.warning(config: Object)

Message.error(content: string) / Message.error(config: Object)

Message.normal(content: string) / Message.normal(config: Object)

Message.loading(content: string) / Message.loading(config: Object)

Message.clear()

Config Provider

Message.config(options)

Examples

Basic usage

Message.info({ content: "ILLA Design" })

Set the message closable

Message.info({
  content: "ILLA Message",
  closable: true,
  onClose: handleClose,
})

Set the auto close time

Message.info({
  content: "ILLA Message",
  duration: 1500,
})

Config provider

Message.config({
  maxCount: 1,
  duration: 0,
  getContainer: () => document.getElementById("container"),
})