Skip to content
Pricing test
Share
Explore

icon picker
TESTING DOC

This is a document intended to display as many Notion features as possible.

BASIC BLOCKS

Heading 1

Heading 2

Heading 3


Text

This is some more text!
This is some indented text.

Default
Grey
Brown
Orange
Yellow
Green
Blue
Purple
Pink
Red

Default
GRAY
BROWN
ORANGE
YELLOW
GREEN
BLUE
PURPLE
PINK
RED

This is a link:
This is inline code
Bold
Italics
Underline
Strikethrough
This text has a comment!

Combinations that have caused trouble:

This is some highlighted text. Now it is highlighted and bolded.
This is some bold text. Now it is highlighted. Now it is not. Now it is.

Page

This is a
And the current page...?

To Do List

Item 1
Item 2
Sub Item a
Sub Item b

Bulleted List

Bullet Item 1

Bullet Item 2
Sub Bullet Item a
Sub Bullet Item a

Numbered List

Number Item 1

Number Item 2
Sub Number Item a
Sub Number Item a

Toggle List

This is a toggle-able item
There can be content in here!
And another!
And even another toggle
with some content?

Quote

This is a quote!

Divider


Callout

💡 This is a callout

With TEXT!

Mention a Person

@Noah Silverstein

Mention a Page

Date or Reminder

7/7/2020
7/28/2020, 3:00 PM
7/21/2020, 9:00 AM

Emoji

🧪

Inline Equation

?

Columns

This is the first column
This is the second column

MEDIA

Image

image.jpeg
With a caption: ^ from url
dark_mode_background.png
With another caption: ^ from upload

Web Bookmark

Some will not work
This link can't be embedded.
Some will work

Embedded Video

This link can't be embedded.

Embedded Audio


Code

class Car {

// fields
model: String;
doors: Number;
isElectric: Boolean;

constructor(model: String, doors: Number, isElectric: Boolean) {
this.model = model;
this.doors = doors;
this.isElectric = isElectric;
}

displayMake(): void {
console.log(`This car is ${this.model}`);
}

}

File

Coda_mark_-square1.png


ADVANCED BLOCKS

Table Of Contents


Block Equation


Template Button


Project A

Breadcrumbs

DATABASE

Inline Table with Rich Text in Column

View of Projects
1
Name
Notes
Header Image
Tasks
Rollup
Related to Copy of ,Tasks (Project)
Related to Copy of ,Tasks (Project) 2
Date
Related to Copy of ,Tasks (Project) 1
Related to Copy of ,Tasks (Project) 3
Status
Column
1
Project A
Task 1 Task 1b
6
Task 1 Task 1b
Task 1 Task 1b
Task 1b Task 1
Task 1 Task 1b
This is some rich text with bolded italicized underlined and even code! WHOA Yeah really wow! Color Color Color Color Color Color Color Color Color Color Color Color Color Color Color Color Color Color Color
2
Project B
Task 2
Task 2
Task 2
Task 2
Task 2
3
Project C
Task 3
1
Task 3
Task 3
Task 3
Task 3
4
Project D
Task 3
1
There are no rows in this table
View of Tasks
2
Name
Checkbox
Created By
Created Time
Date
Email
Equation
File
Last Edited By
Last Edited Time
Multi Select
Number
Person
Phone
Related to Projects (Tasks)
Select
URL
1
Task 1
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
2
Task 2
Product Tester
1/24/2023
6/10/2020, 12:00 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
2
Noah Silverstein
Project B
Option 2
3
Task 3
Product Tester
1/24/2023
7/24/2020, 12:00 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 2
3
Noah Silverstein
Project C Project D
Option 3
4
Task 1b
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
There are no rows in this table

View of Board Tasks
1
Name
Checkbox
Created By
Created Time
Date
Email
Equation
File
Last Edited By
Last Edited Time
Multi Select
Number
Person
Phone
Project
Select
URL
1
Task 1b
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
2
Task 2
Product Tester
1/24/2023
6/10/2020, 12:53 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
2
Noah Silverstein
Project B
Option 2
3
Task 1
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
4
Task 3
Product Tester
1/24/2023
7/24/2020, 12:00 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 2
3
Noah Silverstein
Project C
Option 3
There are no rows in this table


View of Calendar Tasks
1
Name
Checkbox
Created By
Created Time
Date
Email
Equation
File
Last Edited By
Last Edited Time
Multi Select
Number
Person
Phone
Project
Select
URL
1
Task 1
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
2
Task 2
Product Tester
1/24/2023
6/10/2020, 12:53 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
2
Noah Silverstein
Project B
Option 2
3
Task 1b
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
4
Task 3
Product Tester
1/24/2023
7/24/2020, 12:00 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 2
3
Noah Silverstein
Project C
Option 3
There are no rows in this table


View of List Tasks
1
Name
Checkbox
Created By
Created Time
Date
Email
Equation
File
Last Edited By
Last Edited Time
Multi Select
Number
Person
Phone
Project
Select
URL
1
Task 3
Product Tester
1/24/2023
7/24/2020, 12:00 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 2
3
Noah Silverstein
Project C
Option 3
2
Task 2
Product Tester
1/24/2023
6/10/2020, 12:53 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
2
Noah Silverstein
Project B
Option 2
3
Task 1b
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
4
Task 1
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
There are no rows in this table


View of Gallery Tasks
1
Name
Checkbox
Created By
Created Time
Date
Email
Equation
File
Last Edited By
Last Edited Time
Multi Select
Number
Person
Phone
Project
Select
URL
1
Task 3
Product Tester
1/24/2023
7/24/2020, 12:00 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 2
3
Noah Silverstein
Project C
Option 3
2
Task 1b
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
3
Task 1
Product Tester
1/24/2023
July 22, 2020 → July 31, 2020
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
Option 1Option 2Option 3
1
Noah Silverstein
Project A
Option 1
4
Task 2
Product Tester
1/24/2023
6/10/2020, 12:53 AM
Coda_mark_-square1.png
Coda_mark_-square1.png
Product Tester
1/24/2023
2
Noah Silverstein
Project B
Option 2
There are no rows in this table

Multi-Column / Canvas Layouts

A 2-Column with tables

Column 1: Simple Table
Table 1
0
1
2
3
Column 1
Column 2
A
B
C
D
E
F
There are no rows in this table
Column 2: Regular Table
View of This is a table
1
1
Name
Tags
@Janvi Kalra
Tag1Tag2
There are no rows in this table

A 3-Column with styles and an empty column

Column 1
Different colored text inside (links to google.com)

Column 2

Column 3

H3 text inside Column 3 with yellow background

A 4-Column with styles and lists

Column 1
Toggle list
Inside toggle 1
Inside toggle 2
Column 2 written in a code block
To do first
To do second
Column 3 written in a quote
Bullet 1
Bullet 2
💡 Column 4 written as a callout
Numbered 1
Numbered 2

A 3-Column of different widths, dates, people, and sub page links

Column 1 takes up 25%
1/1/2022
Column 2 takes up 50%
Column 3 takes up 25%
@Janvi Kalra

A 4-Column of different widths, dividers

Column 1
Column 2
Column 3
Column 4
The other 3 columns are all squeezed together. Column 4 gets most of the space!
Dividers inside the column

5-Columns

Column 1
Column 2
Column 3
Column 4
Column 5

6-Columns

Column 1
Column 2
Column 3
Column 4
Column 5
Column 6

7-Columns

Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Column 7

8-Columns (Note that widths ≠ get accounted for)

Column 1
Column 2
Column 3
Column 4
Column 5
Column 6
Column 7
Column 8

Subpages

Column 1
Successfully constructs a canvas layout in a subpage:
Column 2
This is a link to the existing canvas layouts subpage

Canvas Columns

View of Inline Canvas Columns
1
Name
Notes
Header Image
Tags
Property
1
Has Rich Text and Media Inside
2
Has Links to Other Canvas Cells
some hyper specific property
3
Has Subpages Inside
4
Has Tables Inside
5
Has Links to Other Pages