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 componentsNumbers & counters

Battery meter

Battery and level indicators with segmented cells, charging bolt and sweep, low and critical states, percent and time remaining, in small and large sizes.

Preview

Field laptop

64%ChargingFull in 52 min
Weather station7%Critically low18 min left
Trail camera18%Low battery46 min left

Accessories

  • Trackpad
    82%
  • Keyboard
    41%
  • Headphones
    100%
  • Stylus
    16%
  • Door sensor
    6%

Install

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

Props

PropTypeDefaultDescription
levelnumber—Charge level, 0–100.
labelstring—What the battery belongs to; names the meter.
chargingbooleanfalsePlugged in and charging.
minutesRemainingnumber—Minutes until empty, or until full while charging.
segmentsnumber5Cells in the body; 0 draws one continuous fill.
size"sm" | "lg""lg"Compact inline icon or a large panel with status.
showLabelbooleanfalseShow the label above the percent (large size).
lowThresholdnumber20Level at or below which it reads low.
criticalThresholdnumber10Level at or below which it reads critical.

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 ↗