Skip to content

fix(docs): fix timeseries page TOC and loading state hydration #549

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mattrothenberg merged 2 commits into from
May 28, 2026
+10 −10
Merged

fix(docs): fix timeseries page TOC and loading state hydration #549

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
47967ad
fix(docs): fix timeseries page TOC and loading state hydration
mattrothenberg May 28, 2026
f9c8983
merge: resolve conflict with main, promote new tooltip sections to h2
mattrothenberg May 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions packages/kumo-docs-astro/src/pages/charts/timeseries.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ import {

<ComponentSection>

### Basic Line Chart
## Basic Line Chart

<p>A simple line chart displaying multiple data series over time.</p>

Expand All @@ -37,7 +37,7 @@ import {

<ComponentSection>

### Custom X-Axis Label Format
## Custom X-Axis Label Format

<p>
Use the <code>xAxisTickLabelFormat</code> prop to control how x-axis tick
Expand All @@ -52,7 +52,7 @@ import {

<ComponentSection>

### Gradient Fill
## Gradient Fill

<p>
Set <code>gradient</code> to <code>true</code> to render a vertical gradient
Expand All @@ -68,7 +68,7 @@ import {

<ComponentSection>

### Incomplete Data
## Incomplete Data

<p>
Use the <code>incomplete</code> prop to indicate regions where data may be
Expand All @@ -82,7 +82,7 @@ import {

<ComponentSection>

### Time Range Selection
## Time Range Selection

<p>
Enable time range selection by providing the <code>onTimeRangeChange</code>
Expand All @@ -96,7 +96,7 @@ import {

<ComponentSection>

### Tooltip Cursor Tracking
## Tooltip Cursor Tracking

<p>
Use the <code>tooltipFollowCursor</code> prop to control which axis the tooltip
Expand All @@ -112,7 +112,7 @@ import {

<ComponentSection>

### Tooltip Boundary
## Tooltip Boundary

<p>
Use the <code>tooltipBoundary</code> prop to constrain the tooltip to a
Expand All @@ -129,7 +129,7 @@ import {

<ComponentSection>

### Bar Chart
## Bar Chart

<p>
Set <code>type="bar"</code> to render series as stacked bars instead of lines.
Expand All @@ -143,7 +143,7 @@ import {

<ComponentSection>

### Loading State
## Loading State

<p>
Set <code>loading</code> to <code>true</code> to display an animated sine-wave
Expand All @@ -152,6 +152,6 @@ import {
</p>

<ComponentExample demo="LoadingChartDemo">
<LoadingChartDemo client:visible />
<LoadingChartDemo client:only="react" />
</ComponentExample>
</ComponentSection>
Loading