@uninge-test/u3 v0.0.1

react-fantasy-modal

Powerful modal dialog component for React.

Table of Contents

• Installation
• Usage
• API documentation
• Demos
• TODOS

Installation

$ npm i react-fantasy-modal

# or 

$ yarn add react-fantasy-modal

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