Notion Code Blocks
🔧

Notion Code Blocks

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla. In nunc arcu, rutrum eu malesuada sed, lacinia nec ipsum. Maecenas quis tincidunt sem. Quisque vitae nisl vel purus laoreet efficitur quis ut arcu. Nulla sit amet risus hendrerit, tristique augue eu, dapibus risus. Curabitur ullamcorper ligula lacus, sit amet pharetra neque interdum in. [1, 2, 3]

Use this page as a starting point for learning how to add your own styles to blocks. Go ahead and open the Developer Tools and inspect a block to get started. You can refer to our CSS Classes here.

Heading 1 block

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

Heading 2 block

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

Heading 3 block

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

Use this page as a starting point for learning how to add your own styles to blocks. Go ahead and open the Developer Tools and inspect a block to get started. You can refer to our CSS Classes here.

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla. In nunc arcu, rutrum eu malesuada sed, lacinia nec ipsum. Maecenas quis tincidunt sem.

\

Quisque vitae nisl vel purus laoreet efficitur quis ut arcu. Nulla sit amet risus hendrerit, tristique augue eu, dapibus risus. Curabitur ullamcorper ligula lacus, sit amet pharetra neque interdum in.

Normal Text

Bold Text

Italic Text

Underlined Text

Strikethrough Text

Linked Text

Code Text

Column block 1

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

Column block 2

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

Column block 3

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

Link block →

Page block

Bullet list block

  • Bulleted list block item 1
  • Bulleted list block item 2
  • Bulleted list block item 3

Numbered list block

  1. Numbered list block item 1
  2. Numbered list block item 2
  3. Numbered list block item 3

Todo list block

Todo item block 1 (Checked)
Todo item block 2
Todo item block 3

Toggle heading 1

Toggle heading 2

Toggle heading 3

Toggle block (Summary)
Quote block
icon
Callout block default
icon
Callout block grey
icon
Callout block brown
icon
Callout block orange
icon
Callout block yellow
icon
Callout block green
icon
Callout block blue
icon
Callout block purple
icon
Callout block pink
icon
Callout block red
/* CODE BLOCK */
code {
}

this is a test
test
/* CODE BLOCK */
code {
}

this is a test
test

Divider block

Database block

NameTags
Table item 1
1
Table item 2
2
Table item 3
3

Table block

Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test

Large Gallery Collection Block

Medium Gallery Collection Block

Small Gallery Collection Block

Board collection block

Status 1
Page 1
Page 1
Status 2
Page 2
Page 2

List collection block

Page 1
Page 2

List collection block (first half)

Page 1
Page 2

List collection block (second half)

Page 1
Page 2

Calendar block

November 2024
Today
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Inline equation block

E=mc2E = mc²

Equation block

HeyHey
Image block
Image block
Bookmark block

Breadcrumbs block

Table of contents block

Video block
clouds.jpeg688.1KB
Audio block

Text color default

Text color gray

Text color brown

Text color orange

Text color yellow

Text color green

Text color blue

Text color purple

Text color pink

Text color red

Background color gray

Background color brown

Background color orange

Background color yellow

Background color green

Background color blue

Background color purple

Background color pink

Background color red

Table of Contents Next Page →
Test TOC Test 4

Reviews

★★★★★ Thank you for the changes. Amazing guide and research. Genuinely well done my dude. — Louis Hershon
★★★★★ Extremely well researched and easy to follow. Thank you for this! — Louis Yuet
★★★★★ This is awesome, I love it. Divomas
★★★★★ Your design is so easy on the eyes and I'm already seeing results! — Rob Lutkey
★★★★★ Very well edited also and well thought out! — Akastas
★★★★★ This is amazing, way more in-depth than I thought it would be. — ExtremelyJuicyWizard