Blocks

Cluster utilises Notion's blocks to make adding different types of content easy peasy

Call to action button block

Icon cards block (Small Cards Gallery table block)

📓

Familiar layout w/ sidebar navigation

📓

Table of contents for easy reading

Optimised for Code blocks

Cards block (Large Cards Gallery table block)

Gallery table block

Windows

📓

Windows

Installing on windows OS

MacOS

📓

MacOS

Installing on windows OS

Table view block

Board view block

Not started

Card 2

Card 1

In progress

Card 3

Completed

Call to action text blocks

Message blocks

✅ Success! Whatever you did, do it again!

🤘🏻 You're on the right track, keep it up.

⚠️ Advisory notice, be careful!

🛑 Caution! Warning! Watch out!

💀 Not found

Code blocks: Cluster pairs with Highlight.js to allow for custom syntax highlighting

import '../styles/globals.css'

function Cluster({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

.notion-callout {
    padding: 0!important;
    width: auto!important;
    border: 0!important;
    background:transparent!important;
    align-self: flex-start;
  }

<blockquote class="notion-quote">
	<span class="notion-semantic-string">
		Cluster utilises Notion's blocks to make adding different types of content easy peasy
	</span>
</blockquote>

Numbered list block

1. Item 1
2. Item 2
3. Item 3

Bullet list block

• Item 1
• Item 2
• Item 3

Todo list block

Quote block

Blockquote example

Toggle

On this page

• Blocks