Supported Blocks

A Notion page is comprised of block objects . Here you can find the list of supported block types in Astronotion. Unsupported blocks are omitted from the returned data.

Supported in 0.0.6-alpha.54

  • BookmarkBlock
    • component: NotionBlockItemBookmark
  • BulletedListBlock
    • component: NotionGroupedList
  • CalloutBlock
    • component: NotionBlockItemCallout
  • CodeBlock
    • component: NotionBlockItemCode
  • DividerBlock
    • component: -
  • HeaderBlock
    • component: NotionTexts
  • ImageBlock
    • component: NotionBlockItemImage
  • NumberedListBlock
    • component: NotionGroupedList
  • QuoteBlock
    • component: NotionTexts
  • SubHeaderBlock
    • component: NotionTexts
  • SubSubHeaderBlock
    • component: NotionTexts
  • TextBlock
    • component: NotionTexts
  • TodoBlock
    • component: NotionGroupedList
  • VideoBlock
    • component: NotionBlockItemEmbed

Note:

  • The divider block has no component of its own; it is rendered as a childless element hr
⚠️
Astronotion uses NotionX’s notion-client API instead of the official Notion API. If you’d like to further modify or customise the data, refer to the block object models here: https://github.com/NotionX/react-notion-x/blob/master/packages/notion-types/src/block.ts

← Prev: Typescript | Next: FAQ & Troubleshooting →