rc-message

    1.3.7 • Public • Published

    react-message

    npm npm Build Status npm version

    a message notice ui component for react

    Installation

    using npm

    npm install rc-message --save
    

    using yarn

    yarn add rc-message
    

    Screenshots

    success confirm prompt dark

    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() and prompt()

    • 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 : -

    Install

    npm i rc-message

    DownloadsWeekly Downloads

    9

    Version

    1.3.7

    License

    MIT

    Unpacked Size

    25.7 kB

    Total Files

    5

    Last publish

    Collaborators

    • avatar