Skip to main content

List

Panel, bullet, numbered, plain, and check lists with custom icons, nested lists, interactive rows, and ListSkeleton.

Bullet list

  • Capture ideas before they fade
  • Review yesterday's entries
  • Set a single focus for the day

Dash markers

  • Lightweight daily log
  • No formatting required
  • Syncs when you're back online

Numbered list

  1. Open your notebook
  2. Choose a prompt or free-write
  3. Save and tag the entry

Plain list

  • Total entries: 128
  • Words written: 42,380
  • Current streak: 12 days

Check list

  • Export notebook backup
  • Review shared links
  • Archive old drafts

Nested list

  • Writing setup
    • Fountain pen
    • Notebook — A5 ruled
    • Ink — blue-black
  • Daily routine
    • Morning pages
    • Evening recap

Panel (muted borders)

  • Morning pages

    Pinned to top

  • Weekend recap
    Draft
  • Chapter outline

    Last edited yesterday

Panel (normal borders)

  • Today

    Jun 3 — in progress

  • Yesterday

    Jun 2 — published

  • Last Sunday

    Jun 1 — draft

Inset panel (inside window chrome)

Notebooks

  • Today

    Jun 3 — in progress

  • Yesterday

    Jun 2 — published

  • Last Sunday

    Jun 1 — draft

Interactive rows

  • Open entry
  • Share link

Loading

Loading list

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
variantOptional"panel" | "bullet" | "numbered" | "plain" | "check"panelPanel rows, semantic bullets, ordered steps, plain lines, or check markers.
markerOptional"disc" | "dash"discBullet style when variant is bullet.
borderToneOptional"muted" | "normal"mutedPanel border weight — muted hairlines by default; normal for full emphasis.
insetOptionalbooleanfalsePanel lists without outer frame — row dividers only (e.g. inside window chrome).
startOptionalnumberStarting number for ordered lists.
nestedOptionalbooleanNested list styling inside a ListItem.
ListItem leading / trailing / descriptionOptionalReactNode + stringRow content slots; leading overrides check marker.
checkedOptionalbooleanMuted check marker when variant is check.
interactiveOptionalbooleanHover/focus affordance for clickable rows.
ListSkeletonOptionalcomponentLoading preset — items count configurable.