Skip to main content Notion blocksĀ  for Svelte
Beat Technology AS


This page is generated from a page in Notion database, and is intended to demonstrate the capability of the Todo block.

You can view this page in Notion to see that it corresponds well to what is displayed.

You can pick a stylesheet below to change how it renders.


Todos are really checklists that allow you to show tasks that have been completed.


Make breakfast

Eat breakfast

Get dressed

Leave the house

Additional paragraph.


A todo is wrapped in a div with a class of todo. Inside there is an input[type=checkbox] which will have its checked value set if the item is checked. The checkboxes will be marked with the readonly attribute.

The text of the todo is in a p element. If there is additional content, it will be following the p element.