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 componentsMotion & transitions

Scroll progress

Reading-progress kit for a page or scroll area: an ember top bar, a back-to-top button with a progress ring, and a section list with per-section progress.

Preview

Pebble notes · Issue 12

The ridge route

Before you start

The ridge route is a full day: eight hours for most parties, ten if the scree is wet. Start at first light and plan to be off the summit by one.

Carry three litres of water. There is no reliable source above the hut.

Hut to tree line

From the hut the path climbs through larch on wide switchbacks. It is steep but well made, and the first hour goes quickly.

At the second bench the trees thin and the far ridge comes into view. Malik logged 4 °C here at six in the morning.

Above the bench the path forks. Keep left on the cairned line; the right fork ends at a stream crossing that floods after rain.

The scree

An hour of loose stone. Stay on the worn line where it exists and take short steps; the slope is easier than it looks once you are on it.

Ines kept the pace honest here: rest every fifteen minutes, before you need to.

Ridge and summit

The ridge is broad for most of its length, with one narrow step about halfway. Hands help on the step but it is not exposed.

The summit book lives in a tin box under the cairn. Sign it, take the photo, and start down before the afternoon wind.

On this route

  1. Before you start0%
  2. Hut to tree line0%
  3. The scree0%
  4. Ridge and summit0%

Install

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

Props

PropTypeDefaultDescription
containerRefObject<HTMLElement>—All parts: scroll container to track. Defaults to the window.
showAfternumber120BackToTop: scroll px before the button appears.
labelstring"Back to top" / "Reading progress"BackToTop: button name. SectionProgress: navigation name.
items{ id: string; label: string }[]—SectionProgress: section heading ids in order.

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 ↗