react-widget
diff --git a/‎README.md
Lines changed: 8 additions & 10 deletions b/‎README.md
Lines changed: 8 additions & 10 deletions
diff --git a/‎docs/asset-manifest.json
Lines changed: 2 additions & 2 deletions b/‎docs/asset-manifest.json
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/index.html
Lines changed: 1 addition & 1 deletion b/‎docs/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎docs/static/css/index.3607361f.chunk.css renamed to ‎docs/static/css/index.45e9b4e2.chunk.css
Lines changed: 1 addition & 1 deletion b/‎docs/static/css/index.3607361f.chunk.css renamed to ‎docs/static/css/index.45e9b4e2.chunk.css
Lines changed: 1 addition & 1 deletion
@@ -2,16 +2,19 @@
 
 ## 安装
 
-`npm install --save react-widget-popup`
+```
+npm install --save react-widget-popup
+```
 
 ## 使用
 
+[![Edit react-widget-popup](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/mystifying-keller-i2xlv?fontsize=14&hidenavigation=1&theme=dark)
+
 ```jsx
 import Popup from 'react-widget-popup';
+import 'react-widget-popup/style';
 
-...
-
-render(){
+export default function App(){
     return (
         <Popup
             visible={true}
@@ -25,8 +28,6 @@ render(){
     )
 }
 
-...
-
 ```
 
 ### Interfaces
@@ -122,10 +123,7 @@ interface PopupProps extends React.HTMLAttributes<any> {
 
 ```css
 .rw-popup-root {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
+    /* TODO */
 }
 
 .rw-popup {
 
@@ -1,6 +1,6 @@
 {
-  "index.css": "static/css/index.3607361f.chunk.css",
-  "index.js": "static/js/index.3607361f.chunk.js",
+  "index.css": "static/css/index.45e9b4e2.chunk.css",
+  "index.js": "static/js/index.45e9b4e2.chunk.js",
   "runtime-index.js": "static/js/runtime-index.70097ef2.js",
   "static/js/2.fa911bdb.chunk.js": "static/js/2.fa911bdb.chunk.js",
   "index.html": "index.html"
 
@@ -1 +1 @@
-<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"><title>popup</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"><style>.demo{width:800px;height:450px;margin:100px auto;background:#fff;font-size:12px;overflow:auto}</style><link href="static/css/index.3607361f.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.fa911bdb.chunk.js"></script><script src="static/js/index.3607361f.chunk.js"></script></body></html>
+<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"><title>popup</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"><style>.demo{width:800px;height:450px;margin:100px auto;background:#fff;font-size:12px;overflow:auto}</style><link href="static/css/index.45e9b4e2.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.fa911bdb.chunk.js"></script><script src="static/js/index.45e9b4e2.chunk.js"></script></body></html>
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "index.css": "static/css/index.3607361f.chunk.css",`
`3`		`- "index.js": "static/js/index.3607361f.chunk.js",`
	`2`	`+ "index.css": "static/css/index.45e9b4e2.chunk.css",`
	`3`	`+ "index.js": "static/js/index.45e9b4e2.chunk.js",`
`4`	`4`	`"runtime-index.js": "static/js/runtime-index.70097ef2.js",`
`5`	`5`	`"static/js/2.fa911bdb.chunk.js": "static/js/2.fa911bdb.chunk.js",`
`6`	`6`	`"index.html": "index.html"`
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"><title>popup</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"><style>.demo{width:800px;height:450px;margin:100px auto;background:#fff;font-size:12px;overflow:auto}</style><link href="static/css/index.3607361f.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.fa911bdb.chunk.js"></script><script src="static/js/index.3607361f.chunk.js"></script></body></html>
	`1`	+<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"><title>popup</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"><style>.demo{width:800px;height:450px;margin:100px auto;background:#fff;font-size:12px;overflow:auto}</style><link href="static/css/index.45e9b4e2.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.fa911bdb.chunk.js"></script><script src="static/js/index.45e9b4e2.chunk.js"></script></body></html>