Advanced Examples

Powered by MDX

With Docusuarus, you can write JSX and use React components within your Markdown thanks to MDX.

Docusaurus green and Facebook blue are my favorite colors.

I can write Markdown alongside my JSX!

Tabs

Apple

This is an apple 🍎

Orange

This is an orange 🍊

Banana

This is a banana 🍌

Code Box with Title

/src/components/HelloCodeTitle.js

function HelloCodeTitle(props) {
  return <h1>Hello, {props.name}</h1>;
}

Tabbed Code Box

JavaScript

function helloWorld() {
  console.log('Hello, world!');
}

Python

def hello_world():
  print 'Hello, world!'

Java

class HelloWorld {
  public static void main(String args[]) {
    System.out.println("Hello, World");
  }
}