1. Notion original

2. Notion API

{
  "object": "block",
  …
  "bulleted_list_item": {
    "text": [
      {
        "type": "text",
        "text": {
          "content": "Let’s try nesting these…",
          "link": null
        },
        "annotations": {
          "bold": false,
          "italic": false,
          "strikethrough": false,
          "underline": false,
          "code": false,
          "color": "default"
        },
        "plain_text": "Let’s try nesting these…",
        "href": null
      }
    ]
  },
  "blocks": [
    {
      "object": "block",
      "id": "7da104fc-d081-4437-964e-d6e3850d3215",
      "created_time": "2022-01-26T08:51:00.000Z",
      "last_edited_time": "2022-01-26T08:51:00.000Z",
      "has_children": false,
      "archived": false,
      "type": "bulleted_list_item",
      "bulleted_list_item": {
        "text": [
          {
            "type": "text",
            "text": {
              "content": "…shall we?",
              "link": null
            },
            "annotations": {
              "bold": false,
              "italic": false,
              "strikethrough": false,
              "underline": false,
              "code": false,
              "color": "default"
            },
            "plain_text": "…shall we?",
            "href": null
          }
        ]
      }
    }
  ]
}
  javascript

3. Svelte output

<BulletedListItem>Let’s try nesting these…</BulletedListItem>
<IndentGroup>
  <BulletedListItem>…shall we?</BulletedListItem>
</IndentGroup>
  html

4. Example rendering

🏠 Browse the docs ⚘