modify readme

670fb5b9 · AFOC-1709091830\echou · e5c6c022 · 670fb5b9
Commit 670fb5b9 authored Jan 04, 2018 by $AFOC-1709091830\echou's avatar$ AFOC-1709091830\echou
Hide whitespace changes
Inline Side-by-side

Showing with 9 additions and 3 deletions

README.md README.md +9 -3

No files found.
--- a/README.md
+++ b/README.md
@@ -32,12 +32,18 @@ or
 import {PullToRefresh} from "react-js-pull-to-refresh";
 ```
+#### import default content (optional)
+```js
+import {PullDownContent, ReleaseContent, RefreshContent} from "react-js-pull-to-refresh";
+```
 #### Sample
 ```js
 <PullToRefresh
-  pullDownContent={<div style={{backgroundColor: "grey", height: "200px", textAlign: "center"}}>Pull down to refresh</div>}
+  pullDownContent={<PullDownContent />}
-  releaseContent={<div style={{backgroundColor: "green", height: "200px", textAlign: "center"}}>Release to refresh</div>}
+  releaseContent={<ReleaseContent />}
-  refreshContent={<div style={{backgroundColor: "yellow", height: "200px", textAlign: "center"}}>Refreshing</div>}
+  refreshContent={<RefreshContent />}
  pullDownThreshold={200}
  onRefresh={this.onRefresh}
 >