Skip to content

More

Share

Explore

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:

google.com⁠

⁠

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

⁠

Sub Page!⁠

⁠

And the current page...?

⁠

TESTING DOC⁠

⁠

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

⁠

Sub 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

⁠

⁠

⁠

With a caption: ^ from url

⁠

⁠

⁠

With another caption: ^ from upload

Web Bookmark

Some will not work

⁠

Loading google.com⁠

⁠

Some will work

⁠

Loading alpha2phi.medium.com⁠

⁠

Embedded Video

⁠

⁠

⁠

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

⁠

⁠

⁠

ADVANCED BLOCKS

Table Of Contents

Block Equation

⁠

⁠

⁠

Template Button

Project A

Breadcrumbs

DATABASE

Inline Table with Rich Text in Column

View of Projects

View of Projects

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

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

Project B

Task 2

Task 2

Task 2

Task 2

Task 2

Project C

Task 3

1

Task 3

Task 3

Task 3

Task 3

Project D

Task 3

1

There are no rows in this table

⁠

View of Tasks

View of Tasks

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

Task 1

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 2

1/24/2023

6/10/2020, 12:00 AM

Coda_mark_-square1.png

1/24/2023

2

Project B

Task 3

1/24/2023

7/24/2020, 12:00 AM

Coda_mark_-square1.png

1/24/2023

3

Project C Project D

Task 1b

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

There are no rows in this table

⁠

View of Board Tasks

View of Board Tasks

Name

Checkbox

Created By

Created Time

Date

Email

Equation

File

Last Edited By

Last Edited Time

Multi Select

Number

Person

Phone

Project

Select

URL

Task 1b

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 2

1/24/2023

6/10/2020, 12:53 AM

Coda_mark_-square1.png

1/24/2023

2

Project B

Task 1

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 3

1/24/2023

7/24/2020, 12:00 AM

Coda_mark_-square1.png

1/24/2023

3

Project C

There are no rows in this table

⁠

View of Calendar Tasks

View of Calendar Tasks

Name

Checkbox

Created By

Created Time

Date

Email

Equation

File

Last Edited By

Last Edited Time

Multi Select

Number

Person

Phone

Project

Select

URL

Task 1

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 2

1/24/2023

6/10/2020, 12:53 AM

Coda_mark_-square1.png

1/24/2023

2

Project B

Task 1b

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 3

1/24/2023

7/24/2020, 12:00 AM

Coda_mark_-square1.png

1/24/2023

3

Project C

There are no rows in this table

⁠

View of List Tasks

View of List Tasks

Name

Checkbox

Created By

Created Time

Date

Email

Equation

File

Last Edited By

Last Edited Time

Multi Select

Number

Person

Phone

Project

Select

URL

Task 3

1/24/2023

7/24/2020, 12:00 AM

Coda_mark_-square1.png

1/24/2023

3

Project C

Task 2

1/24/2023

6/10/2020, 12:53 AM

Coda_mark_-square1.png

1/24/2023

2

Project B

Task 1b

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 1

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

There are no rows in this table

⁠

View of Gallery Tasks

View of Gallery Tasks

Name

Checkbox

Created By

Created Time

Date

Email

Equation

File

Last Edited By

Last Edited Time

Multi Select

Number

Person

Phone

Project

Select

URL

Task 3

1/24/2023

7/24/2020, 12:00 AM

Coda_mark_-square1.png

1/24/2023

3

Project C

Task 1b

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 1

1/24/2023

July 22, 2020 → July 31, 2020

Coda_mark_-square1.png

1/24/2023

1

Project A

Task 2

1/24/2023

6/10/2020, 12:53 AM

Coda_mark_-square1.png

1/24/2023

2

Project B

There are no rows in this table

⁠

Multi-Column / Canvas Layouts

⁠

A 2-Column with tables

Column 1: Simple Table

Table 1

Table 1

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

View of This is a table

Name

Tags

@Janvi Kalra

There are no rows in this table

⁠

A 3-Column with styles and an empty column

Column 1

Different colored text inside

column 1⁠

(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%

⁠

Sub Page!⁠

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:

⁠

Canvas Layouts Subpage⁠

⁠

Column 2

This is a link to the existing canvas layouts subpage

⁠

Canvas Layouts Subpage⁠

⁠

Canvas Columns

⁠

View of Inline Canvas Columns

View of Inline Canvas Columns

Name

Notes

Header Image

Tags

Property

Has Rich Text and Media Inside

Has Links to Other Canvas Cells

some hyper specific property

Has Subpages Inside

Has Tables Inside

Has Links to Other Pages

There are no rows in this table

⁠

Database Linking

View of Table 3

View of Table 3

Name

Notes

Header Image

Text

Row in Table 1

Canvas column with 2 links inside it

@Row in Table 2

A row that links to another row in another table

There are no rows in this table

⁠

View of Table 4

View of Table 4

Name

Notes

Header Image

Text

Table 1

Row in Table 2

Canvas column with 2 links inside it

Row in Table 1

@Row in Table 1

A row that links to another row in another table

There are no rows in this table

⁠

Combinations that have caused trouble:

Mention a Person

Date or Reminder

Inline Equation

ADVANCED BLOCKS

Table Of Contents

Template Button

Inline Table with Rich Text in Column

View of Projects

View of Board Tasks

View of Calendar Tasks

View of List Tasks

View of Gallery Tasks

Multi-Column / Canvas Layouts

A 2-Column with tables

View of This is a table

A 3-Column with styles and an empty column

H3 text inside Column 3 with yellow background

A 4-Column with styles and lists

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

A 4-Column of different widths, dividers

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

View of Inline Canvas Columns

Database Linking

View of Table 3

View of Table 4

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.