Supported Basic Blocks
Texts
You can write your articles like you normally would do. All types of formatting are supported, such as bold, italic, underline, strike-through, inline code
, and use text or background colors.
Of course, you can also combine multiple formattings.
External Link
Just add an external link and it will get opened in a new browser tab.
Callout
You can use a callout to make important information stand out. Icons, background color and text formatting is all supported.
formatting
.Additionally the callout has a child block
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Divider
You can use a divider to separate your content clearly from each other.
☝️ The divider.
Headings
All kinds of headings are supported:
Heading 1
Heading 2
Heading 3
Toggle heading 3
I’m the content of the toggle heading 3.
Image
You can either upload an image to your Notion page …
… or embed URLs from an external URL:
☝️ Captions for images are supported too.
Lists (Bullet List, Numbered List)
Bulleted list
- First item
- Second item
- Third item
- Nested item 1
- Nested item 3
Numbered list
- First item
- Second item
- Third item
- Nested item 1
- Nested item 2
Quote
The real test is not whether you avoid this failure, because you won't. It's whether you let it harden or shame you into inaction, or whether you learn from it; whether you choose to persevere. Barack Obama
Table
You can use for example a table with a header row …
Block | Support | Comment |
bulleted_list_item | ✅ | I’m a smart-looking comment. |
callout | ✅ | |
unsupported | ❌ | I’m another comment explaining where there is a cross. |
Toggle
Are you curious about what this toggle shows? 📺
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Advanced Blocks
FAQs
An example how an FAQ could look like:
How can I reset my password? 😊
To reset your password, simply go to the login page and click on the "Forgot Password" link. Follow the instructions sent to your email to create a new password.
How do I contact customer support? ☎️
Getting in touch with our customer support is easy! You can reach us via the live chat on our website, email us, or call our toll-free number listed on the Contact Us page. We're here to assist you!
Is there a mobile app available? 📱
Yes, we offer a mobile app for both Android and iOS devices. Download it from the respective app stores to access our services on the go.
What payment methods do you accept? 💳
We accept various payment methods, including credit cards, debit cards, and online payment services. Choose the option that suits you best during the checkout process.
Column Layout with Text and Image
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Image Gallery
If you want to display a gallery of images it could for example look like this:
Code Blocks
export const calculateSum = (...numbers: number[]): number => {
return numbers.reduce((sum, num) => sum + num, 0);
};
// Example usage:
const result = calculateSum(2, 4, 6, 8);
console.log(result); // Output: 20
Bookmarks
Synced block
I’m a synced block with some formatting.
The original block ☝️ and the synced block 👇
I’m a synced block with some formatting.
Todo List (Checklist)
Video
Unsupported blocks
- Embeds (e.g. Google Drive, Google Maps, X / Twitter)
- Math Equations (inline and block equations)
- Table of Contents