A Grand Sandbox

Markdown features

Table of contents

Checkbox

Footnote

Inline

Here is an inline note.[1]

Separate

Here is a footnote reference.[2]

Attributes / Classes

Through Markdown-it-attrs[3].

Abbreviations

The HTML specification is maintained by the W3C.

Videos

Youtube

Vimeo

Sup/superscript

23rd October is Chemistry Day.

H2O is water.

Element UI components

From Element UI.[4]

Cards with headers

Card name
List item 1
List item 2
List item 3
List item 4

Stepped slider

0
Step 1
Some description
0
Step 2
Some description
0
Step 3
Some description
0
Step 4
Some description

Icons

Buttons

Tags

Tag One Tag Two Tag Three Tag Four Tag Five

Animation with Haiku

3D molecules

Through jsmol

Through 3dmol.js

Airtable pull

Local JSON pull

JSON path relative to component

George Bluth

Janet Weaver

Emma Wong

Flowcharts / Gantt charts

via Vis.js

via Mermaid.js

graph LR Start --> Stop

Custom components

BabylonJS

PDF

E-charts


  1. Inlines notes are easier to write, since you don't have to pick an identifier and move down to type the note. ↩︎

  2. Here is the footnote. ↩︎

  3. NPM package ↩︎

  4. Element UI documentation ↩︎

Last Updated: a day ago