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

Reports Page

A reports app with a filterable saved-reports list, a date range, KPIs against the previous period, a chart, a weekly table and a schedule-email dialog.

Preview

Reports

Weekly signups

Weekly · Mon 09:00 to 2 people

28 days

Signups

5.7K

+11.5%

vs prior 28d

Activated

3K

+9.2%

vs prior 28d

Activation rate

51.6%

−1.8%

vs prior 28d

050100150200250300Oct 7Oct 10Oct 13Oct 16Oct 19Oct 22Oct 25Oct 28Oct 31Nov 3
Weekly signups, Oct 7 to Nov 3
labelSignupsActivated
Oct 7220105
Oct 8237117
Oct 9228120
Oct 1011356
Oct 1111855
Oct 12230118
Oct 13216116
Oct 14206104
Oct 15227115
Oct 16239134
Oct 1712369
Oct 1812565
Oct 19253135
Oct 20253144
Oct 21234125
Oct 22243120
Oct 23260135
Oct 2413572
Oct 2512561
Oct 26240113
Oct 27248128
Oct 28225117
Oct 29219105
Oct 30241120
Oct 3113474
Nov 112466
Nov 2236120
Nov 3262143
PeriodSignupsActivatedActivation rate
Week of Oct 71,36268750.1%
Week of Oct 141,42676653.7%
Week of Oct 211,48575450.8%
Week of Oct 281,44174551.9%

Install

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

Props

PropTypeDefaultDescription
defaultReportsReport[]—Saved reports: { id, name, description?, owner, chartType?, metrics, rows, schedule? }; rows are one per day.
onReportsChange(reports) => void—Called after a schedule is saved or turned off.
defaultReportIdstringfirstReport shown first.
currentUserstring—Name of the signed-in person, for the Mine filter.
todayDate—Today, for the default range and presets.
defaultDaysnumber28Days in the default range, ending today.
titleReactNode"Reports"Heading of the saved reports rail.
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 ↗