InlineCode

1. Notion original

 

2. Notion API

Partial output of src/routes/[slug]/notion-export.js
{
  …
  "paragraph": {
    "text": [
      {
        …
        "plain_text": "“Did you really name your son ",
        …
      },
      {
        "type": "text",
        "text": {
          "content": "Robert'); DROP TABLE Students;--",
          "link": null
        },
        "annotations": {
          "bold": false,
          "italic": false,
          "strikethrough": false,
          "underline": false,
          "code": true,
          "color": "default"
        },
        "plain_text": "Robert'); DROP TABLE Students;--",
        "href": null
      },
      {
        …
        "plain_text": "?"",
        …
      }
    ]
  }
}
  json

3. Svelte output

Partial output of src/routes/[slug].svelte
<Paragraph blockProps={{…}}>
  “Did you really name your son <InlineCode code={"Robert'); DROP TABLE Students;--"} />?"
</Paragraph>
  html

4. Example rendering

Rendered byInlineCode.svelte
“Did you really name your son Robert'); DROP TABLE Students;--?"
 
Fancy horizontal divider

🏠 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>

Other Components