react-fantasy-modal v0.0.1

react-fantasy-modal

Powerful modal dialog component for React.

Table of Contents

• Installation
• Usage
• API documentation
• Demos
• TODOS

Installation

尚在开发完善，暂时没发npm。

Usage

import React from 'react';
import Modal from 'react-fantasy-modal';
import 'react-fantasy-modal/dist/index.css';
function onHandleMove(e) {
    console.log(e, '--->>> onHandleMove');
}
function onHandleResize(e) {
    console.log(e, '--->>> onHandleResize');
}


function onHandleOk() {
    console.log('onOk callback')
}

function onHandleCancel() {
    console.log('onCancel callback')
}


<Modal
    visible
    keyboard
    draggable
    resizable

    title="Hello Modal"
    cancelText={"自定义取消文字"}
    okText={"自定义确定文字"}

    onMove={onHandleMove}
    onResize={onHandleResize}
    onCancel={onHandleCancel}
    onOk={onHandleOk}
    onStageChange={console.log}
>
    Hello Modal!
</Modal>

API documentation

Demos

@todo

TODOS

• more themes
• Testing