1. Notion original
2. Notion API
{
"object": "block",
…
"type": "paragraph",
"paragraph": {
"text": [
{
"type": "text",
"text": {
"content": "The shape of each world comes at a cost; for nothing can grow where nothing is lost.",
"link": null
},
"annotations": {
"bold": false,
"italic": false,
"strikethrough": false,
"underline": false,
"code": false,
"color": "default"
},
"plain_text": "The shape of each world comes at a cost; for nothing can grow where nothing is lost.",
"href": null
}
]
}
},
json
3. Svelte output
<Paragraph
blockProps={{
pageId: '28fac2e07c794fb4935e9284a4b6a313',
id: '7d801d61-b5be-41a6-aa3b-b13964699024',
created_time: '2022-01-23T08:40:00.000Z',
last_edited_time: '2022-01-23T08:40:00.000Z'
}}
>
The shape of each world comes at a cost;
<br />
for nothing can grow where nothing is lost.
</Paragraph>
html
4. Example rendering
for nothing can grow where nothing is lost.
🏠 Browse the docs ⚘
High-level Discussion
Turn-intoable Block Components
Toggle Headings (not yet implemented)
Layout-only Components
Page-level Components
Annotation Components
bold → <strong>
italic → <em>
strikethrough → <s>