Supported Blocks
This page contains all supported Notion blocks
Headings and Paragraphs
headings and headings with toggle are both supported by default from @nostagik/react.
Heading 1
Heading 2
Heading 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Annotations
Bold Italic Underline Strikethrough
let code = `Inline Code Block`
Text colors: red, pink, purple, blue, green, yellow, orange, brown, gray.
Background colors: red, pink, purple, blue, green, yellow, orange, brown, gray.
Link: nostagik.pages.dev
Columns
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.
Lists
Lists
- Bullet List Item 1
- Bullet List Item 2
- Bullet List Item 3
- Numbered List Item 1
- Numbered List Item 2
- Numbered List Item 3
- Todo List Item 1
- Todo List Item 2
- Todo List Item 3
Nested Lists
- A
- B
- C
- 1
- 2
- 3
- 2
- 1
- C
- B
Blockquote, Bookmark, Callout, Code Block
Blockquote
There is no must in art because art is free.
Wassily Kandinsky
Bookmark
Kankyō Ongaku
Read Shy Thompson on Kankyō Ongaku
Callout
Code Block
// a javascript code block
const yee = "dog"Tables
By default, tables are always rendered as full-width.
Regular Table
| A | B | C | D |
| 1 | 2 | 3 | 4 |
Table with headers
| A | B | |
|---|---|---|
| A | 0.7 | 0.2 |
| B | -0.3 | 0.2 |
Images
Mention
Mention a page: Nostagik
Mention a person: @Anonymous (If the integration has no access to user information, it will be rendered as @Anonymous, see Get Started for more information. )
Child Page
Refer to Nostagik’s homepage for example. This page is its child page 😄