docs(UseBoolean): migrate en mdx to md

messiaqin · Dec 15, 2019 · f166d69 · f166d69
1 parent ffd932f
commit f166d69
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 47 deletions.
diff --git a/src/useBoolean/demo/demo1.jsx b/src/useBoolean/demo/demo1.jsx
diff --git a/src/useBoolean/demo/demo1.tsx b/src/useBoolean/demo/demo1.tsx
@@ -1,6 +1,11 @@
+/**
+ * title: Default usage
+ * desc: Default as a switch function,or accept a parameter to change state
+ */
+
 import React from 'react';
 import { Button, Switch } from 'antd';
-import useBoolean from '..';
+import { useBoolean } from '@umijs/hooks';
 
 export default () => {
   const { state, toggle, setTrue, setFalse } = useBoolean(true);

diff --git a/src/useBoolean/index_en.mdx → src/useBoolean/index.md b/src/useBoolean/index_en.mdx → src/useBoolean/index.md
@@ -1,15 +1,9 @@
 ---
-name: useBoolean
-route: /useBoolean
-menu: 'State'
-edit: false
-sidebar: true
+title: useBoolean
+group:
+  title: State Hooks
+  path: /state
 ---
-import JackBox from 'jackbox';
-
-import Demo1 from './demo/demo1';
-import Demo1CodeTsx from '!raw-loader!./demo/demo1.tsx';
-import Demo1CodeJsx from '!raw-loader!./demo/demo1.jsx';
 
 # useBoolean
 
@@ -19,9 +13,7 @@ A hook that elegantly manages boolean values.
 
 ### Default usage
 
-<JackBox jsCode={Demo1CodeJsx} tsCode={Demo1CodeTsx} demoName='Default usage' description='Default as a switch function,or accept a parameter to change state'>
-  <Demo1 />
-</JackBox>
+<code src="./demo/demo1.tsx" />
 
 ## API
 
@@ -49,4 +41,4 @@ const {
 
 | Property | Description                                 | Type                   | Default |
 |---------|----------------------------------------------|------------------------|--------|
-| defaultValue | Optional，set a default value  | boolean \| undefined | false      |
+| defaultValue | Optional，set a default value  | boolean \| undefined | false      |