Basic Blocks
👍

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>
);
 

Linked Block

The following block is linked to the content of a global footer block.
Copyright 2020 Travis Fischer • CC0 License

Home • GitHub • Twitter
Copyright 2020 Travis FischerCC0 License HomeGitHubTwitter