Divider

This is, by far, the least complex component you’ll have to deal with. 🥱

1. Notion original

2. Notion API

Partial output of src/routes/[slug]/notion-export.js

{
  "object": "block",
  "id": "a3757188-1c0d-4250-8ce1-e438689c0e18",
  "created_time": "2022-01-28T00:04:00.000Z",
  "last_edited_time": "2022-01-28T00:21:00.000Z",
  "has_children": false,
  "archived": false,
  "type": "divider",
  "divider": {}
}
  json

3. Svelte output

Partial output of src/routes/[slug].svelte

<Divider />
  html

See IndentGroup.

4. Example rendering

Rendered byDivider.svelte

Fancy horizontal divider

🏠 Browse the docs ⚘

High-level Discussion

Where notion2svelte Fits

Writing Good Slugs

Configuring your .env

Turn-intoable Block Components

Paragraph (aka “Text”)

BulletedListItem

NumberedListItem

Toggle Headings (not yet implemented)

Layout-only Components

Column & ColumnList

Page-level Components

Title (aka Name)

Cover (Image & Icon)

Annotation Components

bold → <strong>

italic → <em>

~~strikethrough~~ → <s>

Other Components