@coinbase/cds-mcp-server 8.48.1 → 8.48.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/mcp-docs/mobile/components/AreaChart.txt +1 -1
- package/mcp-docs/mobile/components/CartesianChart.txt +2 -2
- package/mcp-docs/mobile/components/LineChart.txt +12 -12
- package/mcp-docs/mobile/components/Point.txt +1 -1
- package/mcp-docs/mobile/components/SparklineGradient.txt +1 -1
- package/mcp-docs/mobile/routes.txt +9 -9
- package/mcp-docs/web/components/AreaChart.txt +1 -1
- package/mcp-docs/web/components/CartesianChart.txt +2 -2
- package/mcp-docs/web/components/LineChart.txt +10 -10
- package/mcp-docs/web/components/Point.txt +1 -1
- package/mcp-docs/web/components/SparklineGradient.txt +1 -1
- package/mcp-docs/web/routes.txt +15 -15
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,10 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 8.48.2 ((2/25/2026, 04:21 PM PST))
|
|
12
|
+
|
|
13
|
+
This is an artificial version bump with no new change.
|
|
14
|
+
|
|
11
15
|
## 8.48.1 ((2/25/2026, 01:30 PM PST))
|
|
12
16
|
|
|
13
17
|
This is an artificial version bump with no new change.
|
|
@@ -52,7 +52,7 @@ AreaChart is a cartesian chart variant that allows for easy visualization of sta
|
|
|
52
52
|
|
|
53
53
|
### Stacking
|
|
54
54
|
|
|
55
|
-
You can use the `stacked` prop to stack all areas on top of each other. You can also use the `stackId` prop on a series to create different stack groups. See [CartesianChart](/components/
|
|
55
|
+
You can use the `stacked` prop to stack all areas on top of each other. You can also use the `stackId` prop on a series to create different stack groups. See [CartesianChart](/components/charts/CartesianChart/#series-stacks) for more details.
|
|
56
56
|
|
|
57
57
|
```jsx
|
|
58
58
|
function StackingExample() {
|
|
@@ -14,7 +14,7 @@ CartesianChart is a customizable, SVG based component that can be used to displa
|
|
|
14
14
|
|
|
15
15
|
### Basics
|
|
16
16
|
|
|
17
|
-
[AreaChart](/components/
|
|
17
|
+
[AreaChart](/components/charts/AreaChart/), [BarChart](/components/charts/BarChart/), and [LineChart](/components/charts/LineChart/) are built on top of CartesianChart and have default functionality for your chart.
|
|
18
18
|
|
|
19
19
|
```jsx
|
|
20
20
|
<VStack gap={2}>
|
|
@@ -289,7 +289,7 @@ You can configure your x and y axes with the `xAxis` and `yAxis` props. `xAxis`
|
|
|
289
289
|
</CartesianChart>
|
|
290
290
|
```
|
|
291
291
|
|
|
292
|
-
For more info, learn about [XAxis](/components/
|
|
292
|
+
For more info, learn about [XAxis](/components/charts/XAxis/#axis-config) and [YAxis](/components/charts/YAxis/#axis-config) configuration.
|
|
293
293
|
|
|
294
294
|
### Inset
|
|
295
295
|
|
|
@@ -10,11 +10,11 @@ import { LineChart } from '@coinbase/cds-mobile-visualization'
|
|
|
10
10
|
|
|
11
11
|
## Examples
|
|
12
12
|
|
|
13
|
-
LineChart is a wrapper for [CartesianChart](/components/
|
|
13
|
+
LineChart is a wrapper for [CartesianChart](/components/charts/CartesianChart) that makes it easy to create standard line charts, supporting a single x/y axis pair. Charts are built using `@shopify/react-native-skia`.
|
|
14
14
|
|
|
15
15
|
### Setup
|
|
16
16
|
|
|
17
|
-
Before using LineChart, you need to wrap your app with `ChartBridgeProvider`. This enables charts to access CDS theming and other React contexts within the Skia renderer. See [CartesianChart](/components/
|
|
17
|
+
Before using LineChart, you need to wrap your app with `ChartBridgeProvider`. This enables charts to access CDS theming and other React contexts within the Skia renderer. See [CartesianChart](/components/charts/CartesianChart/#setup) for details.
|
|
18
18
|
|
|
19
19
|
### Basics
|
|
20
20
|
|
|
@@ -261,7 +261,7 @@ function EmptyState() {
|
|
|
261
261
|
|
|
262
262
|
#### Scales
|
|
263
263
|
|
|
264
|
-
LineChart uses `linear` scaling on axes by default, but you can also use other types, such as `log`. See [XAxis](/components/
|
|
264
|
+
LineChart uses `linear` scaling on axes by default, but you can also use other types, such as `log`. See [XAxis](/components/charts/XAxis) and [YAxis](/components/charts/YAxis) for more information.
|
|
265
265
|
|
|
266
266
|
```jsx
|
|
267
267
|
<LineChart
|
|
@@ -318,7 +318,7 @@ function Interaction() {
|
|
|
318
318
|
|
|
319
319
|
#### Points
|
|
320
320
|
|
|
321
|
-
You can use `points` from LineChart to render instances of [Point](/components/
|
|
321
|
+
You can use `points` from LineChart to render instances of [Point](/components/charts/Point) at specific data locations with custom styling.
|
|
322
322
|
|
|
323
323
|
```jsx
|
|
324
324
|
function Points() {
|
|
@@ -554,7 +554,7 @@ By default, charts will not track gestures that go outside of the chart bounds.
|
|
|
554
554
|
|
|
555
555
|
### Animations
|
|
556
556
|
|
|
557
|
-
You can configure chart transitions using `transitions` on Line (or LineChart) and `transitions` on [Scrubber](/components/
|
|
557
|
+
You can configure chart transitions using `transitions` on Line (or LineChart) and `transitions` on [Scrubber](/components/charts/Scrubber). The `transitions` prop accepts an object with `enter` (the reveal animation) and `update` (data change animation) keys. Set either to `null` to disable that animation phase. You can also disable animations by setting `animate` on LineChart to `false`.
|
|
558
558
|
|
|
559
559
|
```tsx
|
|
560
560
|
function Transitions() {
|
|
@@ -751,7 +751,7 @@ function BasicAccessible() {
|
|
|
751
751
|
|
|
752
752
|
#### Axes
|
|
753
753
|
|
|
754
|
-
Using `showXAxis` and `showYAxis` allows you to display the axes. For more information, such as adjusting domain and range, see [XAxis](/components/
|
|
754
|
+
Using `showXAxis` and `showYAxis` allows you to display the axes. For more information, such as adjusting domain and range, see [XAxis](/components/charts/XAxis) and [YAxis](/components/charts/YAxis).
|
|
755
755
|
|
|
756
756
|
```tsx
|
|
757
757
|
<LineChart
|
|
@@ -1000,7 +1000,7 @@ function GainLossChart() {
|
|
|
1000
1000
|
|
|
1001
1001
|
#### Legend
|
|
1002
1002
|
|
|
1003
|
-
Using `legend` will add a default [Legend](/components/
|
|
1003
|
+
Using `legend` will add a default [Legend](/components/charts/Legend) to your chart.
|
|
1004
1004
|
|
|
1005
1005
|
You can use `legendPosition` to place the legend at different positions around the chart.
|
|
1006
1006
|
|
|
@@ -1084,7 +1084,7 @@ You can customize lines by placing props in `LineChart` or at each individual se
|
|
|
1084
1084
|
/>
|
|
1085
1085
|
```
|
|
1086
1086
|
|
|
1087
|
-
You can also add instances of [ReferenceLine](/components/
|
|
1087
|
+
You can also add instances of [ReferenceLine](/components/charts/ReferenceLine) to your LineChart to highlight a specific x or y value.
|
|
1088
1088
|
|
|
1089
1089
|
```jsx
|
|
1090
1090
|
<LineChart
|
|
@@ -1114,7 +1114,7 @@ You can also add instances of [ReferenceLine](/components/graphs/ReferenceLine)
|
|
|
1114
1114
|
|
|
1115
1115
|
#### Points
|
|
1116
1116
|
|
|
1117
|
-
You can also add instances of [Point](/components/
|
|
1117
|
+
You can also add instances of [Point](/components/charts/Point) directly inside of a LineChart.
|
|
1118
1118
|
|
|
1119
1119
|
```tsx
|
|
1120
1120
|
function HighLowPrice() {
|
|
@@ -1162,7 +1162,7 @@ function HighLowPrice() {
|
|
|
1162
1162
|
|
|
1163
1163
|
#### Scrubber
|
|
1164
1164
|
|
|
1165
|
-
When using [Scrubber](/components/
|
|
1165
|
+
When using [Scrubber](/components/charts/Scrubber) with series that have labels, labels will automatically render to the side of the scrubber beacon.
|
|
1166
1166
|
|
|
1167
1167
|
You can customize the line used for and which series will render a scrubber beacon.
|
|
1168
1168
|
|
|
@@ -1336,7 +1336,7 @@ function Compact() {
|
|
|
1336
1336
|
|
|
1337
1337
|
#### Asset Price with Dotted Area
|
|
1338
1338
|
|
|
1339
|
-
You can use [PeriodSelector](/components/
|
|
1339
|
+
You can use [PeriodSelector](/components/charts/PeriodSelector) to have a chart where the user can select a time period and the chart automatically animates.
|
|
1340
1340
|
|
|
1341
1341
|
```tsx
|
|
1342
1342
|
function AssetPriceWithDottedArea() {
|
|
@@ -1531,7 +1531,7 @@ function AssetPriceWithDottedArea() {
|
|
|
1531
1531
|
|
|
1532
1532
|
#### Monotone Asset Price
|
|
1533
1533
|
|
|
1534
|
-
You can adjust [YAxis](/components/
|
|
1534
|
+
You can adjust [YAxis](/components/charts/YAxis) and [Scrubber](/components/charts/Scrubber) to have a chart where the y-axis is overlaid and the beacon is inverted in style.
|
|
1535
1535
|
|
|
1536
1536
|
```tsx
|
|
1537
1537
|
function MonotoneAssetPrice() {
|
|
@@ -14,7 +14,7 @@ import { Point } from '@coinbase/cds-mobile-visualization'
|
|
|
14
14
|
|
|
15
15
|
Points are visual markers that highlight specific data values on a chart. They can be used to emphasize important data points, show discrete values, or provide interactive elements.
|
|
16
16
|
|
|
17
|
-
You can add points using `points` on Line or [LineChart](/components/
|
|
17
|
+
You can add points using `points` on Line or [LineChart](/components/charts/LineChart).
|
|
18
18
|
|
|
19
19
|
```jsx
|
|
20
20
|
<LineChart
|
|
@@ -10,7 +10,7 @@ import { SparklineGradient } from '@coinbase/cds-mobile-visualization'
|
|
|
10
10
|
|
|
11
11
|
## Examples
|
|
12
12
|
|
|
13
|
-
Expands upon the [Sparkline](/components/
|
|
13
|
+
Expands upon the [Sparkline](/components/charts/Sparkline) component to provide a gradient stroke. However, for dark mode we disable the gradient effect. These are typically used at a larger size for portfolio charts or on detail Asset pages.
|
|
14
14
|
|
|
15
15
|
### Dynamic path colors
|
|
16
16
|
|
|
@@ -101,6 +101,15 @@
|
|
|
101
101
|
- [Checkbox](mobile/components/Checkbox.txt): Checkbox is a type of control component that allows user to select one or more options from a set. They can also be used alone to switch between on and off.
|
|
102
102
|
- [Button](mobile/components/Button.txt): A pressable button element.
|
|
103
103
|
- [AvatarButton](mobile/components/AvatarButton.txt): A pressable Avatar.
|
|
104
|
+
- [Spinner](mobile/components/Spinner.txt): A loading indicator that displays a rotating animation to communicate that content is loading or a background process is in progress.
|
|
105
|
+
- [ProgressCircle](mobile/components/ProgressCircle.txt): A circular visual indicator of completion progress.
|
|
106
|
+
- [ProgressBarWithFloatLabel](mobile/components/ProgressBarWithFloatLabel.txt): A ProgressBar with a floating label that moves with progress.
|
|
107
|
+
- [ProgressBarWithFixedLabels](mobile/components/ProgressBarWithFixedLabels.txt): A ProgressBar with fixed labels at defined positions.
|
|
108
|
+
- [ProgressBar](mobile/components/ProgressBar.txt): A visual indicator of completion progress.
|
|
109
|
+
- [Fallback](mobile/components/Fallback.txt): A component that displays a fallback animation.
|
|
110
|
+
- [Banner](mobile/components/Banner.txt): Displays important messages and actions to users.
|
|
111
|
+
- [ListCell](mobile/components/ListCell.txt): A versatile cell component used for displaying content in a list format, supporting various layouts and interactions.
|
|
112
|
+
- [ContentCell](mobile/components/ContentCell.txt): A versatile cell component for displaying content with optional metadata.
|
|
104
113
|
- [YAxis](mobile/components/YAxis.txt): A vertical axis component for CartesianChart. Displays tick marks, labels, gridlines, and supports custom formatting, positioning, and data domains.
|
|
105
114
|
- [XAxis](mobile/components/XAxis.txt): A horizontal axis component for CartesianChart. Displays tick marks, labels, gridlines, and supports custom formatting, positioning, and data domains.
|
|
106
115
|
- [SparklineInteractiveHeader](mobile/components/SparklineInteractiveHeader.txt): The SparklineInteractiveHeader is used to display chart information that changes over time
|
|
@@ -116,15 +125,6 @@
|
|
|
116
125
|
- [CartesianChart](mobile/components/CartesianChart.txt): A flexible, low-level chart component for displaying data in an x/y coordinate space. Provides a foundation for building custom chart visualizations with full control over rendering.
|
|
117
126
|
- [BarChart](mobile/components/BarChart.txt): A bar chart component for comparing values across categories. Supports horizontal and vertical orientations, stacked bars, and grouped series.
|
|
118
127
|
- [AreaChart](mobile/components/AreaChart.txt): A chart component that displays data as filled areas beneath lines. Ideal for showing cumulative values, stacked data, or emphasizing volume over time.
|
|
119
|
-
- [Spinner](mobile/components/Spinner.txt): A loading indicator that displays a rotating animation to communicate that content is loading or a background process is in progress.
|
|
120
|
-
- [ProgressCircle](mobile/components/ProgressCircle.txt): A circular visual indicator of completion progress.
|
|
121
|
-
- [ProgressBarWithFloatLabel](mobile/components/ProgressBarWithFloatLabel.txt): A ProgressBar with a floating label that moves with progress.
|
|
122
|
-
- [ProgressBarWithFixedLabels](mobile/components/ProgressBarWithFixedLabels.txt): A ProgressBar with fixed labels at defined positions.
|
|
123
|
-
- [ProgressBar](mobile/components/ProgressBar.txt): A visual indicator of completion progress.
|
|
124
|
-
- [Fallback](mobile/components/Fallback.txt): A component that displays a fallback animation.
|
|
125
|
-
- [Banner](mobile/components/Banner.txt): Displays important messages and actions to users.
|
|
126
|
-
- [ListCell](mobile/components/ListCell.txt): A versatile cell component used for displaying content in a list format, supporting various layouts and interactions.
|
|
127
|
-
- [ContentCell](mobile/components/ContentCell.txt): A versatile cell component for displaying content with optional metadata.
|
|
128
128
|
- [UpsellCard](mobile/components/UpsellCard.txt): Upsell Cards are used to promote new features, products, or actions within the app. They are part of the upsell framework and aim to drive user engagement and revenue.
|
|
129
129
|
- [NudgeCard](mobile/components/NudgeCard.txt): A card component designed to encourage users to take essential actions.
|
|
130
130
|
- [MessagingCard](mobile/components/MessagingCard.txt): MessagingCard displays promotional or informational content with two variants: 'upsell' for promoting features with a primary background, and 'nudge' for encouraging actions with an alternate background. It replaces the deprecated NudgeCard and UpsellCard components.
|
|
@@ -53,7 +53,7 @@ AreaChart is a cartesian chart variant that allows for easy visualization of sta
|
|
|
53
53
|
|
|
54
54
|
### Stacking
|
|
55
55
|
|
|
56
|
-
You can use the `stacked` prop to stack all areas on top of each other. You can also use the `stackId` prop on a series to create different stack groups. See [CartesianChart](/components/
|
|
56
|
+
You can use the `stacked` prop to stack all areas on top of each other. You can also use the `stackId` prop on a series to create different stack groups. See [CartesianChart](/components/charts/CartesianChart/#series-stacks) for more details.
|
|
57
57
|
|
|
58
58
|
```jsx live
|
|
59
59
|
<AreaChart
|
|
@@ -14,7 +14,7 @@ CartesianChart is a customizable, SVG based component that can be used to displa
|
|
|
14
14
|
|
|
15
15
|
### Basic Example
|
|
16
16
|
|
|
17
|
-
[AreaChart](/components/
|
|
17
|
+
[AreaChart](/components/charts/AreaChart/), [BarChart](/components/charts/BarChart/), and [LineChart](/components/charts/LineChart/) are built on top of CartesianChart and have default functionality for your chart.
|
|
18
18
|
|
|
19
19
|
```jsx live
|
|
20
20
|
<VStack gap={2}>
|
|
@@ -256,7 +256,7 @@ You can configure your x and y axes with the `xAxis` and `yAxis` props. `xAxis`
|
|
|
256
256
|
</CartesianChart>
|
|
257
257
|
```
|
|
258
258
|
|
|
259
|
-
For more info, learn about [XAxis](/components/
|
|
259
|
+
For more info, learn about [XAxis](/components/charts/XAxis/#axis-config) and [YAxis](/components/charts/YAxis/#axis-config) configuration.
|
|
260
260
|
|
|
261
261
|
### Inset
|
|
262
262
|
|
|
@@ -10,7 +10,7 @@ import { LineChart } from '@coinbase/cds-web-visualization'
|
|
|
10
10
|
|
|
11
11
|
## Examples
|
|
12
12
|
|
|
13
|
-
LineChart is a wrapper for [CartesianChart](/components/
|
|
13
|
+
LineChart is a wrapper for [CartesianChart](/components/charts/CartesianChart) that makes it easy to create standard line charts, supporting a single x/y axis pair. Charts are built using SVGs.
|
|
14
14
|
|
|
15
15
|
### Basics
|
|
16
16
|
|
|
@@ -302,7 +302,7 @@ function MissingData() {
|
|
|
302
302
|
|
|
303
303
|
#### Scales
|
|
304
304
|
|
|
305
|
-
LineChart uses `linear` scaling on axes by default, but you can also use other types, such as `log`. See [XAxis](/components/
|
|
305
|
+
LineChart uses `linear` scaling on axes by default, but you can also use other types, such as `log`. See [XAxis](/components/charts/XAxis) and [YAxis](/components/charts/YAxis) for more information.
|
|
306
306
|
|
|
307
307
|
```jsx live
|
|
308
308
|
<LineChart
|
|
@@ -359,7 +359,7 @@ function Interaction() {
|
|
|
359
359
|
|
|
360
360
|
#### Points
|
|
361
361
|
|
|
362
|
-
You can use `points` from LineChart with `onClick` listeners to render instances of [Point](/components/
|
|
362
|
+
You can use `points` from LineChart with `onClick` listeners to render instances of [Point](/components/charts/Point) that are interactable.
|
|
363
363
|
|
|
364
364
|
```jsx live
|
|
365
365
|
function Points() {
|
|
@@ -639,7 +639,7 @@ function AccessibleWithHeader() {
|
|
|
639
639
|
|
|
640
640
|
#### Axes
|
|
641
641
|
|
|
642
|
-
Using `showXAxis` and `showYAxis` allows you to display the axes. For more information, such as adjusting domain and range, see [XAxis](/components/
|
|
642
|
+
Using `showXAxis` and `showYAxis` allows you to display the axes. For more information, such as adjusting domain and range, see [XAxis](/components/charts/XAxis) and [YAxis](/components/charts/YAxis).
|
|
643
643
|
|
|
644
644
|
```jsx live
|
|
645
645
|
<LineChart
|
|
@@ -850,7 +850,7 @@ function GainLossChart() {
|
|
|
850
850
|
|
|
851
851
|
#### Legend
|
|
852
852
|
|
|
853
|
-
Using `legend` will add a default [Legend](/components/
|
|
853
|
+
Using `legend` will add a default [Legend](/components/charts/Legend) to your chart.
|
|
854
854
|
|
|
855
855
|
You can use `legendPosition` to place the legend at different positions around the chart.
|
|
856
856
|
|
|
@@ -934,7 +934,7 @@ You can customize lines by placing props in `LineChart` or at each individual se
|
|
|
934
934
|
/>
|
|
935
935
|
```
|
|
936
936
|
|
|
937
|
-
You can also add instances of [ReferenceLine](/components/
|
|
937
|
+
You can also add instances of [ReferenceLine](/components/charts/ReferenceLine) to your LineChart to highlight a specific x or y value.
|
|
938
938
|
|
|
939
939
|
```jsx live
|
|
940
940
|
<LineChart
|
|
@@ -964,7 +964,7 @@ You can also add instances of [ReferenceLine](/components/graphs/ReferenceLine)
|
|
|
964
964
|
|
|
965
965
|
#### Points
|
|
966
966
|
|
|
967
|
-
You can also add instances of [Point](/components/
|
|
967
|
+
You can also add instances of [Point](/components/charts/Point) directly inside of a LineChart.
|
|
968
968
|
|
|
969
969
|
```jsx live
|
|
970
970
|
function HighLowPrice() {
|
|
@@ -1012,7 +1012,7 @@ function HighLowPrice() {
|
|
|
1012
1012
|
|
|
1013
1013
|
#### Scrubber
|
|
1014
1014
|
|
|
1015
|
-
When using [Scrubber](/components/
|
|
1015
|
+
When using [Scrubber](/components/charts/Scrubber) with series that have labels, labels will automatically render to the side of the scrubber beacon.
|
|
1016
1016
|
|
|
1017
1017
|
You can customize the line used for and which series will render a scrubber beacon.
|
|
1018
1018
|
|
|
@@ -1266,7 +1266,7 @@ function Compact() {
|
|
|
1266
1266
|
|
|
1267
1267
|
#### Asset Price with Dotted Area
|
|
1268
1268
|
|
|
1269
|
-
You can use [PeriodSelector](/components/
|
|
1269
|
+
You can use [PeriodSelector](/components/charts/PeriodSelector) to have a chart where the user can select a time period and the chart automatically animates.
|
|
1270
1270
|
|
|
1271
1271
|
```jsx live
|
|
1272
1272
|
function AssetPriceWithDottedArea() {
|
|
@@ -1465,7 +1465,7 @@ function AssetPriceWithDottedArea() {
|
|
|
1465
1465
|
|
|
1466
1466
|
#### Monotone Asset Price
|
|
1467
1467
|
|
|
1468
|
-
You can adjust [YAxis](/components/
|
|
1468
|
+
You can adjust [YAxis](/components/charts/YAxis) and [Scrubber](/components/charts/Scrubber) to have a chart where the y-axis is overlaid and the beacon is inverted in style.
|
|
1469
1469
|
|
|
1470
1470
|
```jsx live
|
|
1471
1471
|
function MonotoneAssetPrice() {
|
|
@@ -14,7 +14,7 @@ import { Point } from '@coinbase/cds-web-visualization'
|
|
|
14
14
|
|
|
15
15
|
Points are visual markers that highlight specific data values on a chart. They can be used to emphasize important data points, show discrete values, or provide interactive elements.
|
|
16
16
|
|
|
17
|
-
You can add points using `points` on Line or [LineChart](/components/
|
|
17
|
+
You can add points using `points` on Line or [LineChart](/components/charts/LineChart).
|
|
18
18
|
|
|
19
19
|
```jsx live
|
|
20
20
|
<LineChart
|
|
@@ -10,7 +10,7 @@ import { SparklineGradient } from '@coinbase/cds-web-visualization'
|
|
|
10
10
|
|
|
11
11
|
## Examples
|
|
12
12
|
|
|
13
|
-
Expands upon the [Sparkline](/components/
|
|
13
|
+
Expands upon the [Sparkline](/components/charts/Sparkline) component to provide a gradient stroke. However, for dark mode we disable the gradient effect. These are typically used at a larger size for portfolio charts or on detail Asset pages.
|
|
14
14
|
|
|
15
15
|
### Dynamic path colors
|
|
16
16
|
|
package/mcp-docs/web/routes.txt
CHANGED
|
@@ -112,21 +112,6 @@
|
|
|
112
112
|
- [Checkbox](web/components/Checkbox.txt): Checkbox is a type of control component that allows user to select one or more options from a set. They can also be used alone to switch between on and off.
|
|
113
113
|
- [Button](web/components/Button.txt): A pressable button element.
|
|
114
114
|
- [AvatarButton](web/components/AvatarButton.txt): A pressable Avatar.
|
|
115
|
-
- [YAxis](web/components/YAxis.txt): A vertical axis component for CartesianChart. Displays tick marks, labels, gridlines, and supports custom formatting, positioning, and data domains.
|
|
116
|
-
- [XAxis](web/components/XAxis.txt): A horizontal axis component for CartesianChart. Displays tick marks, labels, gridlines, and supports custom formatting and data domains.
|
|
117
|
-
- [SparklineInteractiveHeader](web/components/SparklineInteractiveHeader.txt): The SparklineInteractiveHeader is used to display chart information that changes over time
|
|
118
|
-
- [SparklineInteractive](web/components/SparklineInteractive.txt): The SparklineInteractive is used to display a Sparkline that has multiple time periods
|
|
119
|
-
- [SparklineGradient](web/components/SparklineGradient.txt): A small line chart component with gradient fill below the line.
|
|
120
|
-
- [Sparkline](web/components/Sparkline.txt): A small line chart component for displaying data trends.
|
|
121
|
-
- [Scrubber](web/components/Scrubber.txt): An interactive scrubber component for exploring individual data points in charts. Displays values on hover or drag and supports custom labels and formatting.
|
|
122
|
-
- [ReferenceLine](web/components/ReferenceLine.txt): A horizontal or vertical reference line to mark important values on a chart, such as targets, thresholds, or baseline values.
|
|
123
|
-
- [Point](web/components/Point.txt): Visual markers that highlight specific data values on a chart. Points can be customized with different colors, sizes, and interactivity.
|
|
124
|
-
- [PeriodSelector](web/components/PeriodSelector.txt): A selector component for choosing time periods in charts.
|
|
125
|
-
- [LineChart](web/components/LineChart.txt): A flexible line chart component for displaying data trends over time. Supports multiple series, custom curves, areas, scrubbing, and interactive data exploration.
|
|
126
|
-
- [Legend](web/components/Legend.txt): A legend component for displaying series information in charts. Supports customizable shapes, layouts, and custom item components.
|
|
127
|
-
- [CartesianChart](web/components/CartesianChart.txt): A flexible, low-level chart component for displaying data in an x/y coordinate space. Provides a foundation for building custom chart visualizations with full control over rendering.
|
|
128
|
-
- [BarChart](web/components/BarChart.txt): A bar chart component for comparing values across categories. Supports horizontal and vertical orientations, stacked bars, and grouped series.
|
|
129
|
-
- [AreaChart](web/components/AreaChart.txt): A chart component that displays data as filled areas beneath lines. Ideal for showing cumulative values, stacked data, or emphasizing volume over time.
|
|
130
115
|
- [Spinner](web/components/Spinner.txt): A loading indicator that displays a rotating animation to communicate that content is loading or a background process is in progress.
|
|
131
116
|
- [ProgressCircle](web/components/ProgressCircle.txt): A circular visual indicator of completion progress.
|
|
132
117
|
- [ProgressBarWithFloatLabel](web/components/ProgressBarWithFloatLabel.txt): A ProgressBar with a floating label that moves with progress.
|
|
@@ -144,6 +129,21 @@
|
|
|
144
129
|
- [Table](web/components/Table.txt): Displays data in rows and columns.
|
|
145
130
|
- [ListCell](web/components/ListCell.txt): A versatile cell component used for displaying content in a list format, supporting various layouts and interactions.
|
|
146
131
|
- [ContentCell](web/components/ContentCell.txt): A versatile cell component for displaying content with optional metadata.
|
|
132
|
+
- [YAxis](web/components/YAxis.txt): A vertical axis component for CartesianChart. Displays tick marks, labels, gridlines, and supports custom formatting, positioning, and data domains.
|
|
133
|
+
- [XAxis](web/components/XAxis.txt): A horizontal axis component for CartesianChart. Displays tick marks, labels, gridlines, and supports custom formatting and data domains.
|
|
134
|
+
- [SparklineInteractiveHeader](web/components/SparklineInteractiveHeader.txt): The SparklineInteractiveHeader is used to display chart information that changes over time
|
|
135
|
+
- [SparklineInteractive](web/components/SparklineInteractive.txt): The SparklineInteractive is used to display a Sparkline that has multiple time periods
|
|
136
|
+
- [SparklineGradient](web/components/SparklineGradient.txt): A small line chart component with gradient fill below the line.
|
|
137
|
+
- [Sparkline](web/components/Sparkline.txt): A small line chart component for displaying data trends.
|
|
138
|
+
- [Scrubber](web/components/Scrubber.txt): An interactive scrubber component for exploring individual data points in charts. Displays values on hover or drag and supports custom labels and formatting.
|
|
139
|
+
- [ReferenceLine](web/components/ReferenceLine.txt): A horizontal or vertical reference line to mark important values on a chart, such as targets, thresholds, or baseline values.
|
|
140
|
+
- [Point](web/components/Point.txt): Visual markers that highlight specific data values on a chart. Points can be customized with different colors, sizes, and interactivity.
|
|
141
|
+
- [PeriodSelector](web/components/PeriodSelector.txt): A selector component for choosing time periods in charts.
|
|
142
|
+
- [LineChart](web/components/LineChart.txt): A flexible line chart component for displaying data trends over time. Supports multiple series, custom curves, areas, scrubbing, and interactive data exploration.
|
|
143
|
+
- [Legend](web/components/Legend.txt): A legend component for displaying series information in charts. Supports customizable shapes, layouts, and custom item components.
|
|
144
|
+
- [CartesianChart](web/components/CartesianChart.txt): A flexible, low-level chart component for displaying data in an x/y coordinate space. Provides a foundation for building custom chart visualizations with full control over rendering.
|
|
145
|
+
- [BarChart](web/components/BarChart.txt): A bar chart component for comparing values across categories. Supports horizontal and vertical orientations, stacked bars, and grouped series.
|
|
146
|
+
- [AreaChart](web/components/AreaChart.txt): A chart component that displays data as filled areas beneath lines. Ideal for showing cumulative values, stacked data, or emphasizing volume over time.
|
|
147
147
|
- [UpsellCard](web/components/UpsellCard.txt): A card component for promoting new features, products, or actions.
|
|
148
148
|
- [NudgeCard](web/components/NudgeCard.txt): A card component designed to encourage users to take essential actions.
|
|
149
149
|
- [MessagingCard](web/components/MessagingCard.txt): MessagingCard displays promotional or informational content with two variants: 'upsell' for promoting features with a primary background, and 'nudge' for encouraging actions with an alternate background. It replaces the deprecated NudgeCard and UpsellCard components.
|