Available MDX and Markdown Components

Playground

query {
  users(where: { age_gt: 17 }) {
    id
  }
}
Open in PlaygroundCopy

Query

{
  "users": [
    {
      "id": 1
    },
    {
      "id": 2
    }
  ]
}

Quotes

You can write a quote like this!

Code

const x = 100
;('highlightedVariable')

Step

Here is how you can label individual steps

this is a test

Table

	javascript	typescript
`graphql-binding`	imports schema	imports schema + adds types
`prisma-binding`	has typeDefs const, only secret needed	has typeDefs const, only secret needed + adds types

Code BlockJavascript
import React from 'react'
import ReactDOM from 'react-dom'
import { ApolloProvider } from 'react-apollo'
import ApolloClient from 'apollo-boost'
import { Container, CreateUser, Posts, NewPost } from 'components'

const client = new ApolloClient({
  uri: 'YOUR_PRISMA_ENDPOINT',
})

//placeholders can only be added if they are a string. (report as a bug)
//if any of the tool tips are missing, all of them break within the code. Every tool tip needs to have its content in the form of a javascript variable and mentioned in the tooltip array.
const x = 'INFO'

class App extends React.Component {
  render() {
    return (
      <ApolloProvider client={client}>
        <Container user={this.state.user}>
          <CreateUser createUser={this.createUser} />
          <NewPost user={this.state.user} createPost={this.createPost} />
          <Posts posts={this.state.posts} />
        </Container>
      </ApolloProvider>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'))
Copy
View the source file

Warning

This is where you can caution people!

Info

Here is where you can make a note informing people of something

Collapsable Componenent

Common issues with this command

You can use this section to help people troubleshoot

Edit this page on GithubLast updated 4 days ago