Kitchen Sink

Custom Containers

INFO

This is an info box.

Details

This is a details block.

Custom Titles

STOP

Danger zone, do not proceed

Click me to toggle

This is a details block.

Click me to toggle

This is a details block.

Code Blocks

Focus

// Javascript code with syntax highlighting.
function greeting() {
  console.log("Hello World"); 
}

Diffs

// Javascript code with syntax highlighting.
function greeting() {
  console.log("Hello World"); 
  console.log("Hello John"); 
}

Errors and warnings

// Javascript code with syntax highlighting.
function greeting() {
  console.log("Hello World") 
}

Line Numbers

// Javascript code with syntax highlighting.
function greeting() {
  console.log("Hello World")
}

// Javascript code with syntax highlighting.
function greeting() {
  console.log("Hello World")
}

Imports

// This code is imported from example.js
function greeting() {
  console.log("Hello World");
}

Code Groups

main.css

p {
  color: red;
}

main.js

// Javascript code with syntax highlighting.
function greeting() {
  console.log("Hello World")
}