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

Editor Page

A document editor shell with a heading outline, read or rich-text edit view, a comments rail anchored to highlights, presence and share, and a word count footer.

Preview

Field study

Week 44 interviews

MKTOAS

Outline

SummaryThemesScattered evidenceLate synthesisNext steps
Commented passage. Press Enter to open its thread.

Summary

Twelve interviews with research leads. The clearest pattern: notes live in three or more places, and synthesis starts with a week of gathering.

Themes

Scattered evidence

Quotes sit in docs, transcripts in a drive and tags in a spreadsheet. People re-find the same quote two or three times per study.

  • Eight of twelve keep a private copy "just in case".
  • Only two trust search to find a quote again.

Late synthesis

Most teams wait until the last interview to sort anything. Sorting while interviewing felt risky but saved the most time.

We spend Monday finding things and Tuesday arguing about them.

Next steps

Prototype boards inside a study notebook and test with three teams in week 46.

120 words1 min readSaved 2 min ago

Comments 2

  • TOTheo Osei2h

    Can we say how many? Feels like the headline.

    MKMira Kovač1h

    Nine of twelve. Adding it.

  • ASAna Sousa40m

    This is the opportunity. Worth its own section?

Install

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

Props

PropTypeDefaultDescription
titlestring—Document title in the top bar.
folderstring—Folder or space before the title.
defaultHtmlstring—Trusted document HTML; <mark data-c="…"> marks comment anchors. Sanitise user content first.
peopleEditorPerson[]—People for presence and comments: { id, name, initials, tone? }.
presentstring[][]Ids of people viewing now.
currentUserstring—Author of new replies.
defaultThreadsEditorThread[][]Comment threads { id, anchor, author, body, time, replies?, resolved? }.
defaultMode"view" | "edit""view"Read view or the rich-text editor.
defaultActivestring—Thread selected at first.
onShare() => void—Share button handler.
onThreadsChange(threads) => void—Called after replies and resolves.
savedLabelstring"Saved"Save status text in the footer.
heightnumber640Frame 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 ↗