diff --git a/examples/flow/README.md b/examples/flow/README.md new file mode 100644 index 000000000..63914750e --- /dev/null +++ b/examples/flow/README.md @@ -0,0 +1,21 @@ +# Flow Docz example + +## Download + +```sh +curl https://codeload.github.com/pedronauck/docz/tar.gz/master | tar -xz --strip=2 docz-master/examples/flow +mv flow docz-flow-example +cd docz-flow-example +``` + +## Setup + +```sh +yarn # npm i +``` + +## Run + +```sh +yarn dev # npm run dev +``` diff --git a/examples/flow/gatsby-node.js b/examples/flow/gatsby-node.js new file mode 100644 index 000000000..a8076b6c9 --- /dev/null +++ b/examples/flow/gatsby-node.js @@ -0,0 +1,5 @@ +exports.onCreateBabelConfig = ({ actions }) => { + actions.setBabelPreset({ + name: `@babel/preset-flow`, + }) +} diff --git a/examples/flow/src/components/Alert.mdx b/examples/flow/src/components/Alert.mdx index 8ec16abac..19439bea3 100644 --- a/examples/flow/src/components/Alert.mdx +++ b/examples/flow/src/components/Alert.mdx @@ -3,8 +3,8 @@ name: Alert menu: Components --- -import { Playground, Props } from 'docz' -import { Alert } from './Alert' +import { Playground, Props } from "docz"; +import { Alert } from "./Alert"; # Alert @@ -26,15 +26,3 @@ import { Alert } from './Alert' Some message Some message - -## Use with children as a function - - - {() => { - const message = 'Hello world' - - return ( - {message} - ) - }} - diff --git a/examples/typescript/README.md b/examples/typescript/README.md new file mode 100644 index 000000000..80a0a8f00 --- /dev/null +++ b/examples/typescript/README.md @@ -0,0 +1,21 @@ +# Typescript Docz example + +## Download manually + +```sh +curl https://codeload.github.com/pedronauck/docz/tar.gz/master | tar -xz --strip=2 docz-master/examples/typescript +mv typescript docz-typescript-example +cd docz-typescript-example +``` + +## Setup + +```sh +yarn # npm i +``` + +## Run + +```sh +yarn dev # npm run dev +``` diff --git a/examples/typescript/package.json b/examples/typescript/package.json index b34ee624b..3d308e038 100644 --- a/examples/typescript/package.json +++ b/examples/typescript/package.json @@ -16,7 +16,8 @@ "@emotion/core": "^10.0.14", "@emotion/styled": "^10.0.14", "react": "^16.8.6", - "react-dom": "^16.8.6" + "react-dom": "^16.8.6", + "scheduler": "^0.15.0" }, "devDependencies": { "@types/react": "^16.8.23",