Element Reference

Text

This is a normal paragraph.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a normal text paragraph with justified margins.

This is a normal text paragraph with left-aligned margins.

This is a normal text paragraph with right-aligned margins.

This is a normal text paragraph with centered margins.

This is a compact text paragraph.

This is a spaced text paragraph.

This is a double-spaced text paragraph.

This is an indented text paragraph.

This is an underlined text paragraph.

Inline Elements

This is strong
This is underlined
This is emphasized
This is ^superscript
This is _subscript

This is code: for (;;) { ... }

Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

This is a large subtitle.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a medium subtitle.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is a small subtitle.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lists

This is a normal unordered list.

Dolor pulvinar etiam.
Sagittis lorem eleifend.
Felis feugiat dolore viverra.
Dolor pulvinar etiam.

This is a compact unordered list.

Dolor pulvinar etiam.
Sagittis lorem eleifend.
Felis feugiat dolore viverra.
Dolor pulvinar etiam.

This is a large unordered list.

Dolor pulvinar etiam.
Sagittis lorem eleifend.
Felis feugiat dolore viverra.
Dolor pulvinar etiam.

This is a normal ordered list.

Dolor pulvinar etiam.
Sagittis lorem eleifend.
Felis feugiat dolore viverra.
Dolor pulvinar etiam.

This is a compact ordered list.

Dolor pulvinar etiam.
Sagittis lorem eleifend.
Felis feugiat dolore viverra.
Dolor pulvinar etiam.

This is a large ordered list.

Dolor pulvinar etiam.
Sagittis lorem eleifend.
Felis feugiat dolore viverra.
Dolor pulvinar etiam.

Icons

These are normal icons.

These are circle icons.

These are square icons.

These are large icons.

These are inverted icons.

Definitions

These are normal definitions.

Item 1: Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.
Item 2: Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.
Item 3: Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.

Actions

This is an inline action.

Blockquotes

This is a normal blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tables

This is a normal table.

Name	Description	Price
Item 1	Ante turpis integer aliquet porttitor.	29.99
Item 2	Vis ac commodo adipiscing arcu aliquet.	19.99
Item 3	Morbi faucibus arcu accumsan lorem.	29.99
Item 4	Vitae integer tempus condimentum.	19.99
Item 5	Ante turpis integer aliquet porttitor.	29.99
	100.00

Buttons

This is a primary button.

This is a default button.

These are large buttons.

These are small buttons.

These are fit buttons.

These are icon buttons.

These are disabled buttons.

Forms

This is a form.

Images

This is a fit image.

These are multiple fit images.

Flexboxes

Grids

Boxes

This is a box.

Code Blocks

This is a multiline code element in Golang.

          
          package main

          import "fmt"

          func main() {
            fmt.Printf("Hello World!")
          }

This is a multiline code element in JavaScript.

          
          const say = e => {console.log(e); console.log("Just said something!");} say("something!");

Element Reference

Text

Inline Elements

Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Heading

Heading

Heading

Lists

Icons

Definitions

Actions

Blockquotes

Tables

Buttons

Forms

Images

Flexboxes

Grids

Boxes

Code Blocks

Footer