From cabd716319f5212f3da9866fda04c1f9f16db2ba Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Fri, 15 Mar 2019 11:35:51 +0800
Subject: [PATCH] update site

---
 site/src/docs/en/props.md | 57 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 site/src/docs/en/props.md

diff --git a/site/src/docs/en/props.md b/site/src/docs/en/props.md
new file mode 100644
index 000000000..89016ffe8
--- /dev/null
+++ b/site/src/docs/en/props.md
@@ -0,0 +1,57 @@
+
+## Props
+
+Transfer data to sub elements through props, such as:
+
+```jsx
+import { WeElement, define, render } from 'omi'
+
+define('my-element', class extends WeElement {
+  render(props) {
+    return (
+      <h1>Hello, {props.name}!</h1>
+    )
+  }
+})
+```
+
+Using element:
+
+```jsx
+<my-element name="world"></my-first-element>
+```
+
+You can also pass any type of data to props:
+
+```jsx
+define('my-element', class extends WeElement {
+  render(props) {
+    return (
+      <h1>Hello, {props.myObj.name}!</h1>
+    )
+  }
+})
+```
+
+Using element:
+
+```jsx
+<my-first-element myObj={{ name: 'world' }}></my-first-element>
+```
+
+You can set the default value by the static default Props property:
+
+```jsx
+define('my-first-element', class extends WeElement {
+  static defaultProps = {
+		name: 'Omi',
+		myAge: 18
+	}
+
+  render(props) {
+    return (
+      <h1>Hello, {props.name}! Age {props.myAge}</h1>
+    )
+  }
+})
+```
\ No newline at end of file