Merge pull request #67 from Yoctol/docs/fix-lab-memu

docs: fix lab/menu component name and update readme
Yoctol · Feb 20, 2019 · 53cdd50 · 53cdd50
2 parents 809b12d + 55b1cdc
commit 53cdd50
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 22 deletions.
diff --git a/README.md b/README.md
@@ -47,6 +47,11 @@ Run below commands:
 ```bash
 cd tailor-ui
 yarn
-yarn bootstrap
 yanr start
 ```
+
+Watch files changed and check type:
+
+```bash
+yarn watch
+```
diff --git a/docs/lab/Menu.mdx b/docs/lab/Menu.mdx
@@ -26,10 +26,10 @@ import { Menu } from '@tailor-ui/lab';
 <Playground>
   <div style={{ height: 600 }}>
     <Menu defaultActiveSubId="kurator">
-      <Menu.MenuDivider />
+      <Menu.Divider />
       <Menu.SubMenu id="kurator" icon="kurator" title="Kurator">
-        <Menu.MenuItem id="actions">Actions</Menu.MenuItem>
-        <Menu.MenuItem id="menu">Menu</Menu.MenuItem>
+        <Menu.Item id="actions">Actions</Menu.Item>
+        <Menu.Item id="menu">Menu</Menu.Item>
       </Menu.SubMenu>
       <Menu.SubMenu
         id="understood"
@@ -38,48 +38,48 @@ import { Menu } from '@tailor-ui/lab';
         badge="danger"
         header={<div style={{ padding: '4px 16px' }}>Something here</div>}
       >
-        <Menu.MenuItem id="intents">Intents</Menu.MenuItem>
-        <Menu.MenuItem id="entities">Entities</Menu.MenuItem>
-        <Menu.MenuItem id="understood_settings">Settings</Menu.MenuItem>
+        <Menu.Item id="intents">Intents</Menu.Item>
+        <Menu.Item id="entities">Entities</Menu.Item>
+        <Menu.Item id="understood_settings">Settings</Menu.Item>
       </Menu.SubMenu>
       <Menu.SubMenu id="settings" icon="settings" title="Settings">
-        <Menu.MenuItem id="settings">Settings</Menu.MenuItem>
+        <Menu.Item id="settings">Settings</Menu.Item>
       </Menu.SubMenu>
-      <Menu.MenuDivider />
+      <Menu.Divider />
       <Menu.SubMenu id="touch" icon="touch" title="Touch">
-        <Menu.MenuItem id="broadcasts">Broadcasts</Menu.MenuItem>
-        <Menu.MenuItem id="Replies">Replies</Menu.MenuItem>
+        <Menu.Item id="broadcasts">Broadcasts</Menu.Item>
+        <Menu.Item id="Replies">Replies</Menu.Item>
       </Menu.SubMenu>
-      <Menu.MenuDivider />
+      <Menu.Divider />
       <div style={{ flex: 'auto' }} />
       <Menu.SubMenu
         id="tutorial"
         icon={IoMdBook}
         title="Tutorial"
         placement="bottom"
       >
-        <Menu.MenuItem id="broadcasts" icon={MdOpenInNew}>
+        <Menu.Item id="broadcasts" icon={MdOpenInNew}>
           Tutorial
-        </Menu.MenuItem>
-        <Menu.MenuItem id="issue" icon={MdOpenInNew}>
+        </Menu.Item>
+        <Menu.Item id="issue" icon={MdOpenInNew}>
           Issue Report
-        </Menu.MenuItem>
-        <Menu.MenuItem id="group" icon={MdOpenInNew}>
+        </Menu.Item>
+        <Menu.Item id="group" icon={MdOpenInNew}>
           Group
-        </Menu.MenuItem>
+        </Menu.Item>
       </Menu.SubMenu>
       <Menu.SubMenu
         id="accounts"
         icon={MdAccountCircle}
         title="Accounts"
         placement="bottom"
       >
-        <Menu.MenuItem id="account_settings" icon={MdOpenInNew}>
+        <Menu.Item id="account_settings" icon={MdOpenInNew}>
           Account Settings
-        </Menu.MenuItem>
-        <Menu.MenuItem id="logout" icon={MdOpenInNew}>
+        </Menu.Item>
+        <Menu.Item id="logout" icon={MdOpenInNew}>
           Logout
-        </Menu.MenuItem>
+        </Menu.Item>
       </Menu.SubMenu>
     </Menu>
   </div>