1.3.7 • Published 6 years ago
rc-message v1.3.7
react-message
a message notice ui component for react
Installation
using
npm
npm install rc-message --save
using
yarn
yarn add rc-message
Screenshots
Example
https://lijinke666.github.io/react-message/
Development
git clone https://github.com/lijinke666/react-message
npm install | yarn
npm start
open `http://localhost:3000/`
Usage
import Message from "rc-message"
import "rc-message/assets/index.css"
Message.success({
content:"hello world"
})
API
Message.success(options)
Message.error(options)
Message.info(options)
Message.warning(options)
Message.loading(options)
Message.confirm(options)
Message.prompt(options)
Options
options.content
Desc
:content of the message
Type
:string | ReactNode
Default
:-
options.duration
Desc
:time before auto-dismiss,in seconds
Type
:number
Default
:2
options.theme
Desc
:theme of the message
Type
:string
Default
:light
options.onClose
Desc
:Specify a function that will be called after the message closed
Type
:Function
Default
:-
Special options
Base Options of the
confirm()
andprompt()
options.content
Desc
:content of the message
Type
:string | ReactNode
Default
:-
options.okText
Desc
:Text of the OK button
Type
:string
Default
:Ok
options.cancelText
Desc
:Text of the Cancel button
Type
:string
Default
:Cancel
options.onOk
Desc
:Specify a function that will be called when a user clicked OK buttond
Type
:Function
Default
:-
options.onCancel
Desc
:Specify a function that will be called when a user clicked mask, close button on top right or cancel button
Type
:Function
Default
:-
Message.prompt(options)
- options.inputType
Desc
:input html type of the message
Type
:string
Default
:text
- options.placeholder
Desc
:input placeholder of the message
Type
:string
Default
:-
- options.inputType