Blocks

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

Call to action button block

<aside> ⚡ Call to action

</aside>

Icon cards block (Small Cards Gallery table block)

Copy of Features

Cards block (Large Cards Gallery table block)

Gallery table block

Table view block

Untitled Database

Board view block

Board view

Call to action text blocks

<aside> ⚡ Jump right in 🔥 Get started right away with our simple guide Get Started

</aside>

<aside> ⚡ Jump right in 🔥 Get started right away with our simple guide Get Started

</aside>

<aside> ⚡ Jump right in 🚀 Get started right away with our simple guide Get Started

</aside>

<aside> ⚡ Hello World Get started Get stared

</aside>

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

Item 1
Item 2
Item 3

Bullet list block

Item 1
Item 2
Item 3

Todo list block

[ ] Item 1
[x] Item 2 (Checked)
[ ] Item 3

Quote block

Blockquote example