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.

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.

💡
I’m an example callout text.
⚠️
An example callout text with 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.

📢
I’m an example callout text … with multiple lines.

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 …

image

… or embed URLs from an external URL:

Deyves Martins,
Deyves Martins, CC BY-SA 4.0, via Wikimedia Commons

☝️ Captions for images are supported too.

Lists (Bullet List, Numbered List)

Bulleted list

Numbered list

  1. First item
  2. Second item
  3. Third item
    1. Nested item 1
    2. 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

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.

If you want to display a gallery of images it could for example look like this:

Foggy Mountain Summit by
Foggy Mountain Summit by @v2osk
Body Grassland in Yili, Xinjiang, China by
Body Grassland in Yili, Xinjiang, China by @ideasboom
Body Grassland in Yili, Xinjiang, China by
Body Grassland in Yili, Xinjiang, China by @ideasboom
Foggy Mountain Summit by
Foggy Mountain Summit by @v2osk

Code Blocks

ℹ️
See custom page for an example with code syntax highlighting.
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)

Define Event Objectives
Set Budget and Allocate Resources
Select and Secure Venue
Create Event Timeline
Develop Marketing and Promotion Plan

Video

ℹ️
Videos can be directly embedded. See custom page for an example with YouTube.
ℹ️
Videos uploaded to Notion directly are not yet supported.

Unsupported blocks