Basic Blocks

Text

All kinds of text styling options are supported. Basic text blocks are akin to HTML <p> tags. Text blocks also support a variety of rich text formatting options.
 

Image

notion image
 

Quote

This is an example quote.
 

Toggle

This is a toggle.
This content is hidden. 🤫
 

Callout

💻
Code Snippet
 

Divider


 

Bookmark

 

Code

const Example = () => (
  <div style={{ maxWidth: 768 }}>
    <NotionRenderer blockMap={blockMap} />
  </div>
);