1. Notion original

2. Notion API

{
      "object": "block",
      …
      "type": "to_do",
      "to_do": {
        "text": [
          {
            "type": "text",
            "text": {
              "content": "Remember the milk",
              "link": null
            },
            "annotations": {
              "bold": false,
              "italic": false,
              "strikethrough": false,
              "underline": false,
              "code": false,
              "color": "default"
            },
            "plain_text": "Remember the milk",
            "href": null
          }
        ],
        "checked": false
      }
    }
  javascript

3. Svelte output

<TodoItem checked={false} block-props={{…}}>Remember the milk</TodoItem>
  html

4. Example rendering

🏠 Browse the docs ⚘