Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsApp shells & pages

Docs Page

A documentation page shell with docs navigation, an article of headings, tabbed highlighted code and callouts, a scroll-tracking table of contents, feedback and prev/next links.

Preview

PPebbleDocsv2.4
/

Getting started

  • Introduction
  • Install the client
  • Quickstart

Guides

    • How sync works
    • Offline draftsNew
    • Conflicts
  • Webhooks

Reference

  • Client API
  • Limits
  1. Guides
  2. Sync

Offline drafts

Keep writing without a connection. Edits sync the moment you are back.

Updated Oct 28, 2026

Edits made without a connection are kept in a local queue and replayed in order once the client is back online. Nothing to configure for the basics: turn on drafts and the client does the rest.

Enable drafts

driftbook add drafts --save
# writes drafts.config.ts

Tip

Drafts are stored per device. Signing in on a new laptop starts with an empty queue.

How replay works

When the connection returns, queued edits are sent oldest first. Each edit carries:

  • the block it touched and its version,
  • who made it and when, in device time,
  • a clientId, so retries never apply twice.

Ordering

Edits to different blocks replay in parallel. Edits to the same block keep their order, even across tabs.

Clock drift

Device clocks can be wrong. The server orders by version, never by timestamp.

Limits

A device keeps up to 5,000 queued edits. Older edits past that are merged into one.

Was this page helpful?
Edit this page
PreviousHow sync worksNextConflicts

On this page

  • Enable drafts
  • How replay works
  • Ordering
  • Limits

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
productReactNode—Product name in the top bar.
markstringfirst letterLetters on the drawn product mark.
versionstring—Version chip in the top bar.
sectionsDocsSection[]—Left navigation (DocsNav sections).
defaultPagestring—Id of the current page in sections.
onNavigate(id) => void—Called when a nav link is chosen; # links are handled in place.
breadcrumbstring[][]Trail above the title.
titleReactNode—Page title (h1).
descriptionReactNode—Lead paragraph.
updatedReactNode—Last-updated line.
blocksDocsBlock[]—Article body: heading, paragraph, list, callout or code blocks. Headings feed the table of contents.
prev{ label, href, section? }—Previous page card.
next{ label, href, section? }—Next page card.
editHrefstring—Shows an Edit this page link.
onFeedback(helpful: boolean) => void—Called from the Was this page helpful? prompt.
onSearch() => void—Called by the search button (⌘K hint).
heightnumber620Frame height in px.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗