Underline

1. Notion original

2. Notion API

Partial output of src/routes/[slug]/notion-export.js
{
  "object": "block",
  …
  "paragraph": {
    "text": [
      {
        …
        "plain_text": "In general, the use of ",
        …
      },
      {
        "type": "text",
        "text": {
          "content": "underlining",
          "link": null
        },
        "annotations": {
          …
          "underline": true,
          …
        },
        "plain_text": "underlining",
        "href": null
      },
      {
        …
        "plain_text": "is as ",
        …
      },
      …
    ]
  }
}
  javascript

3. Svelte output

Partial output of src/routes/[slug].svelte
<Paragraph blockProps={{…}}>
	In general, the use of <Underline>underlining</Underline> is as <Link…>contraindicated</Link> as the passive voice
</Paragraph>
  html

4. Example rendering

Green squiggly rendered by Underline.svelte
In general, the use of underlining is as contraindicated as is the passive voice.
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