UI Components

Here is a lists of UI components that you can use writing the content for your side.

Title

This is how a Title is rendered

Heading

This is how a Heading is rendered

And this is a subheading!

Text

Body text is rendered like this. And monospaced text is rendered like this.

Images

From Zach Miller on Unsplash

Tables

Column A Column B
Content Content

Ordered Lists

  1. This is the first element
  2. And second
  3. And third

Unordered Lists

  • Element 1
  • Element 2
  • Element 3

Checklist

  • Todo item 1
  • Todo item 2
  • Todo item 3
  • Todo item 4

YouTube embed

Spotify embed

To create a link, enclose the link text in brackets (e.g., [Duck Duck Go]) and then follow it immediately with the URL in parentheses (e.g., (https://duckduckgo.com)) as follows. Duck Duck Go

Quotes using Markdown

To create a blockquote, add a > in front of a paragraph. This Will be rendered as follows:

Horizontal rules using Markdown

If you want to make a horizontal break in your page add a line with “***” and it will be rendered as html <hr> tag.

Footnotes

If you want to create a footnote use special Markdown syntax. Add `[1]` where you want to create footnotes and at the bottom of your note add ` This will be rendered as nicely looking html footnote.