📊 full page database

📊 inline database

• supports using columns for basic layout supports basic layout

  a

  b

  c

  d

  e

  f

• Supports basic tables

  a	b	c
  d	e	f

• Supports header styling

  a	b	c	d
  1	1	1	1
  2	2	2	2
  3	3	3	3

  a	1	2	3
  b	1	2	3
  c	1	2	3
  d	1	2	3

  a	1	2	3
  b	1	2	3
  c	1	2	3
  d	1	2	3

• supports styled rows and columns

  a	1	yellow	3
  red	red	yellow	red
  c	1	yellow	3
  blue	blue	yellow	blue

two bugs share a common root cause:

paragraph

paragraph w/ children

• Add spacing to heading blocks (1,2,3) for better main page typography
• Renders H1 and H1 toggles

  heading 1

  heading 1 toggle

  with children

• Renders styled H1

  heading 1

• 🐞 Make sure there's grid spacing I'm children subgrid
• Renders H3 and H3 toggles

  heading 2

  heading 2 toggle

  with children

• Renders h3 and h3 toggles

  heading 3

  heading 3 toggle

  with children

• bulleted list
• bulleted list (colors)
• series
  • with children
    • and more
    • and then some
      • and more

1. numbered list
2. numbered list (colors)
3. series
   1. with children
      1. and more
      2. and then some
         1. and more

• 🐞Update todo alignment for subgrid spacing. Maybe use grid instead of margin utilities
• A checkbox can show checked
• it can also show unchecked

  • more content!
• checkboxes can contain children

  of arbitrary types, including text. the thing about this text
  is that it’s nicely formatted. there’s a pleasing margin above
  the text and below the text, with denser spacing between
  text nodes and list items

  • and additional checkboxes
  • will nest correctly

Default quote size

Default quote size

Large Quote Size

regular quote

with children

• should support syntax highlighting

// plain text
content isn't syntax-highlighted or anything, just plain text

// javascript
// syntax-highlighting
const f = (i) => i**2;

• external links (like this) open new tabs
• Child pages render colors

  sub-page (no icon)

  🍦sub-page (emoji)

  🎿Child Page Colored

• Archived 💭page mention won’t be linked
• Mentions of a 👶🏻child-child page render correctly, so do child page blocks:

  👶🏻child-child page

• 🐞 Image sizing

  width or max-width? Notion uses width

• 🐞 caption doesn't render styled text

... see the whole page layout (you can’t nest columns)