diff --git a/examples/create-react-app-with-typescript/README.md b/examples/create-react-app-with-typescript/README.md index dae9e16e542a17..3f33515bb08429 100644 --- a/examples/create-react-app-with-typescript/README.md +++ b/examples/create-react-app-with-typescript/README.md @@ -16,6 +16,10 @@ npm install npm start ``` +or: + +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/create-react-app-with-typescript) + ## The idea behind the example This example demonstrates how you can use [Create React App](https://github.com/facebookincubator/create-react-app) with [TypeScript](https://github.com/Microsoft/TypeScript). diff --git a/examples/create-react-app/README.md b/examples/create-react-app/README.md index f5ef94947f136e..f25c2121ba3a9a 100644 --- a/examples/create-react-app/README.md +++ b/examples/create-react-app/README.md @@ -16,6 +16,10 @@ npm install npm start ``` +or: + +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/create-react-app) + ## The idea behind the example This example demonstrates how you can use [Create React App](https://github.com/facebookincubator/create-react-app). diff --git a/examples/gatsby-theme/README.md b/examples/gatsby-theme/README.md index b333a585faf49a..d6d6b7cde2d187 100644 --- a/examples/gatsby-theme/README.md +++ b/examples/gatsby-theme/README.md @@ -16,6 +16,10 @@ npm install npm run develop ``` +or: + +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/gatsby-theme) + ## The idea behind the example The is an alternative example to [`/examples/gatsby`](https://github.com/mui-org/material-ui/tree/master/examples/gatsby) leveraging [gatsby-theme-material-ui](https://github.com/hupe1980/gatsby-theme-material-ui/tree/master/packages/gatsby-theme-material-ui). diff --git a/examples/gatsby/README.md b/examples/gatsby/README.md index 8f5db246d195bd..c33012385abee1 100644 --- a/examples/gatsby/README.md +++ b/examples/gatsby/README.md @@ -16,6 +16,10 @@ npm install npm run develop ``` +or: + +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/gatsby) + ## The idea behind the example [Gatsby](https://github.com/gatsbyjs/gatsby) is a static site generator for React. diff --git a/examples/nextjs-with-typescript/README.md b/examples/nextjs-with-typescript/README.md index 5f76d1fba833c4..b5a784f7d68eb0 100644 --- a/examples/nextjs-with-typescript/README.md +++ b/examples/nextjs-with-typescript/README.md @@ -16,12 +16,9 @@ npm install npm run dev ``` -or +or: -```sh -yarn -yarn dev -``` +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/nextjs-with-typescript) ## The idea behind the example diff --git a/examples/nextjs/README.md b/examples/nextjs/README.md index 7eeed9745b4da2..4af9c80dc28152 100644 --- a/examples/nextjs/README.md +++ b/examples/nextjs/README.md @@ -16,6 +16,10 @@ npm install npm run dev ``` +or: + +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/nextjs) + ## The idea behind the example [Next.js](https://github.com/zeit/next.js) is a framework for server-rendered React apps. diff --git a/examples/ssr/README.md b/examples/ssr/README.md index 0dc0baa4894ee8..7d8a354a201751 100644 --- a/examples/ssr/README.md +++ b/examples/ssr/README.md @@ -15,6 +15,9 @@ Install it and run: npm install npm run start ``` +or: + +[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/mui-org/material-ui/tree/master/examples/ssr) ## The idea behind the example