react-notion example
react-notion example
 

Welcome to this demo page rendered by react-notion.

 

All kind of text styling options are supported.

 
🔍
Compare this page to the original Notion page
 

Supported Features

🔢
Lists
↔️
Full width
🔍
Small Text

List

  • First Item
  • Second Item
  • Third Icon
  • Sublist
    • Item 1
      • Nested
      • Nested
    • Item 2
  1. First Item
    1. Item 1
      1. Nested
      2. Nested
    2. Item 2
  1. Second Point
  1. Third Point
 
This is an example quote.
 
You can toggle this list

This is hidden content 🤫

 

Complex Layouts

This is an
This is an image caption
notion image
 
notion image

Nesting works just fine.

It is also responsive.

 

 

 
💻
Code Snippet
 
const Example = () => (
  <div style={{ maxWidth: 768 }}>
    <NotionRenderer blockMap={blockMap} />
  </div>
);
 
 
 
📹
Video Embed
 
 
 
 
🖼️
Custom Content
 
 

GitHub