Components

Default Notion Blocks

Heading 1

Heading 2

Heading 3

 

Text Block

 
  • Normal Text
  • Bold Text
  • Italic Text
  • Underlined Text
  • Strikethrough Text
  • Code Text
  • Green Text
  • Brown Text
  • Yellow Text
  • Red Text
  • Pink Text
  • Orange Text
  • Purple Text
 
 
Bulleted list
  • item
  • item
  • item
 
Numbered List
  1. Numbered item
  1. Numbered item
  1. Numbered item
 

Callouts

 
Default Callout
 
 
Green Callout
 
 
Orange Callout
 
Red Callout
Grey Callout
 
 
Yellow callout
 
 
Blue Callout
 
Pink Callout
 
 
Brown Callout
 
 
Purple Callout
 
 

Toggle View

 
Sample 1
These is sample Toggle view
Sample 2
These is sample Toggle VIew
Sample 3
These is sample Toggle View
 

Todo List

 
Task 1
Task 2
Task 3
 

Table Block

Time Table
Morning
Evening
1, Technology
Pass
Fail
2, Marketing
Profit
Loss
 

Notion Buttons

 
Default Button
 
Red Button
 
Brown Button
Grey Button
 
Green Button
 
Purple Button
Orange Button
 
Pink Button
Yellow Button
 
Blue Button
 
 

List View

Small Gallery View

 

Medium Gallery View

 

Large Gallery View

 

Table View

Gallery view

Two Column

First Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
Second Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
 

Three Column

First Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
Second Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
Third Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
 

Four Column

First Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
Second Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
Third Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
Fourth Column
Transform your existing Notion pages into a modern, self-service knowledge base for your customers pages into a modern
 

Quotes

Default Quotes
 
Green Quotes
 
Purple Quotes
Grey Quotes
 
Yellow Quotes
 
 
Orange Quotes
 
Pink Quotes
Blue Quotes
 
Red Quotes
 

Board View

Board view

Not started
In progress
Done
Task 1
Task 5
Task 3
Task 4
Task 10
Task 7

Notion Media Block

 
Image Block
notion image
Video Block
Video preview
Audio Block
 

Divider Block

 

Code Block

<audio controls>
  <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>