@rio-cloud/uikit-mcp 1.1.2 → 1.1.4
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/dist/doc-metadata.json +117 -127
- package/dist/docs/components/accentBar.md +2 -34
- package/dist/docs/components/activity.md +2 -13
- package/dist/docs/components/animatedNumber.md +4 -17
- package/dist/docs/components/animatedTextReveal.md +7 -54
- package/dist/docs/components/animations.md +42 -34
- package/dist/docs/components/appHeader.md +2 -73
- package/dist/docs/components/appLayout.md +36 -496
- package/dist/docs/components/appNavigationBar.md +2 -54
- package/dist/docs/components/areaCharts.md +37 -37
- package/dist/docs/components/aspectRatioPlaceholder.md +2 -11
- package/dist/docs/components/assetTree.md +435 -901
- package/dist/docs/components/autosuggests.md +4 -4
- package/dist/docs/components/avatar.md +2 -24
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +186 -186
- package/dist/docs/components/barList.md +12 -46
- package/dist/docs/components/basicMap.md +7 -7
- package/dist/docs/components/bottomSheet.md +3 -100
- package/dist/docs/components/button.md +16 -71
- package/dist/docs/components/buttonToolbar.md +2 -9
- package/dist/docs/components/calendarStripe.md +95 -121
- package/dist/docs/components/card.md +2 -10
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -1
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +4 -1
- package/dist/docs/components/checkbox.md +11 -111
- package/dist/docs/components/clearableInput.md +7 -111
- package/dist/docs/components/collapse.md +3 -29
- package/dist/docs/components/composedCharts.md +31 -31
- package/dist/docs/components/contentLoader.md +104 -122
- package/dist/docs/components/dataTabs.md +24 -194
- package/dist/docs/components/datepickers.md +727 -769
- package/dist/docs/components/dialogs.md +15 -262
- package/dist/docs/components/divider.md +2 -14
- package/dist/docs/components/dropdowns.md +4387 -4550
- package/dist/docs/components/editableContent.md +2 -186
- package/dist/docs/components/expander.md +23 -70
- package/dist/docs/components/fade.md +6 -41
- package/dist/docs/components/fadeExpander.md +2 -11
- package/dist/docs/components/fadeUp.md +3 -23
- package/dist/docs/components/feedback.md +2 -42
- package/dist/docs/components/filePickers.md +2 -44
- package/dist/docs/components/formLabel.md +2 -18
- package/dist/docs/components/groupedItemList.md +2 -53
- package/dist/docs/components/iconList.md +3 -3
- package/dist/docs/components/imagePreloader.md +2 -6
- package/dist/docs/components/labeledElement.md +2 -11
- package/dist/docs/components/licensePlate.md +2 -10
- package/dist/docs/components/lineCharts.md +60 -60
- package/dist/docs/components/listMenu.md +2 -50
- package/dist/docs/components/loadMore.md +2 -28
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +3 -3
- package/dist/docs/components/mapCluster.md +5 -5
- package/dist/docs/components/mapContext.md +3 -3
- package/dist/docs/components/mapDraggableMarker.md +3 -3
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +3 -3
- package/dist/docs/components/mapLayerGroup.md +3 -3
- package/dist/docs/components/mapMarker.md +341 -347
- package/dist/docs/components/mapPolygon.md +20 -24
- package/dist/docs/components/mapRoute.md +26 -32
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +273 -284
- package/dist/docs/components/mapUtils.md +3 -5
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +2 -22
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +2 -48
- package/dist/docs/components/onboarding.md +2 -46
- package/dist/docs/components/page.md +2 -32
- package/dist/docs/components/pager.md +2 -14
- package/dist/docs/components/pieCharts.md +125 -157
- package/dist/docs/components/popover.md +2 -56
- package/dist/docs/components/position.md +2 -10
- package/dist/docs/components/radialBarCharts.md +506 -506
- package/dist/docs/components/radiobutton.md +81 -191
- package/dist/docs/components/releaseNotes.md +1 -12
- package/dist/docs/components/resizer.md +2 -14
- package/dist/docs/components/responsiveColumnStripe.md +2 -19
- package/dist/docs/components/responsiveVideo.md +2 -11
- package/dist/docs/components/rioglyph.md +2 -12
- package/dist/docs/components/rules.md +69 -133
- package/dist/docs/components/saveableInput.md +279 -393
- package/dist/docs/components/selects.md +9996 -15
- package/dist/docs/components/sidebar.md +2 -39
- package/dist/docs/components/sliders.md +2 -37
- package/dist/docs/components/smoothScrollbars.md +2 -56
- package/dist/docs/components/spinners.md +5 -51
- package/dist/docs/components/states.md +21 -245
- package/dist/docs/components/statsWidgets.md +2 -113
- package/dist/docs/components/statusBar.md +2 -28
- package/dist/docs/components/stepButton.md +2 -8
- package/dist/docs/components/steppedProgressBars.md +2 -66
- package/dist/docs/components/subNavigation.md +1 -8
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +2 -12
- package/dist/docs/components/switch.md +2 -11
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +4 -58
- package/dist/docs/components/tags.md +2 -31
- package/dist/docs/components/teaser.md +2 -30
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +2 -26
- package/dist/docs/components/toggleButton.md +7 -29
- package/dist/docs/components/tooltip.md +9 -40
- package/dist/docs/components/virtualList.md +73 -99
- package/dist/docs/foundations.md +167 -167
- package/dist/docs/start/changelog.md +23 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +1 -1
- package/dist/docs/start/guidelines/custom-css.md +1 -1
- package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
- package/dist/docs/start/guidelines/formatting.md +1 -1
- package/dist/docs/start/guidelines/iframe.md +80 -27
- package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +81 -81
- package/dist/docs/start/guidelines/supported-browsers.md +1 -1
- package/dist/docs/start/guidelines/writing.md +1 -1
- package/dist/docs/start/howto.md +9 -9
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/common-table.md +11 -11
- package/dist/docs/templates/detail-views.md +2 -2
- package/dist/docs/templates/expandable-details.md +1 -1
- package/dist/docs/templates/feature-cards.md +55 -55
- package/dist/docs/templates/form-summary.md +22 -22
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +200 -200
- package/dist/docs/templates/loading-progress.md +3 -3
- package/dist/docs/templates/options-panel.md +1 -1
- package/dist/docs/templates/panel-variants.md +1 -1
- package/dist/docs/templates/progress-cards.md +1 -1
- package/dist/docs/templates/progress-success.md +1 -1
- package/dist/docs/templates/settings-form.md +23 -23
- package/dist/docs/templates/stats-blocks.md +41 -41
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/table-row-animation.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +6 -3
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/routeUtils.md +59 -23
- package/dist/docs/utilities/useAfterMount.md +1 -1
- package/dist/docs/utilities/useAutoAnimate.md +1 -1
- package/dist/docs/utilities/useAverage.md +1 -1
- package/dist/docs/utilities/useClickOutside.md +1 -1
- package/dist/docs/utilities/useClipboard.md +2 -2
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +4 -4
- package/dist/docs/utilities/useEffectOnce.md +1 -1
- package/dist/docs/utilities/useElapsedTime.md +1 -1
- package/dist/docs/utilities/useElementSize.md +1 -1
- package/dist/docs/utilities/useEsc.md +1 -1
- package/dist/docs/utilities/useEvent.md +1 -1
- package/dist/docs/utilities/useFocusTrap.md +1 -1
- package/dist/docs/utilities/useFullscreen.md +1 -1
- package/dist/docs/utilities/useHover.md +1 -1
- package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
- package/dist/docs/utilities/useInterval.md +1 -1
- package/dist/docs/utilities/useIsFocusWithin.md +1 -1
- package/dist/docs/utilities/useKey.md +7 -5
- package/dist/docs/utilities/useLocalStorage.md +1 -1
- package/dist/docs/utilities/useLocationSuggestions.md +1 -1
- package/dist/docs/utilities/useMax.md +1 -1
- package/dist/docs/utilities/useMin.md +1 -1
- package/dist/docs/utilities/useMutationObserver.md +1 -1
- package/dist/docs/utilities/useOnScreen.md +1 -1
- package/dist/docs/utilities/useOnlineStatus.md +1 -1
- package/dist/docs/utilities/usePostMessage.md +2 -2
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +1 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSorting.md +1 -1
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +54 -54
- package/dist/docs/utilities/useTableSelection.md +93 -93
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +8 -2
- package/dist/version.json +2 -2
- package/package.json +8 -8
- package/dist/docs/components/fullscreenMap.md +0 -10
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/lineCharts
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:08:22.024Z
|
|
7
7
|
|
|
8
8
|
## LineChart
|
|
9
9
|
|
|
@@ -101,7 +101,7 @@ const data: CustomData[] = [
|
|
|
101
101
|
</title>
|
|
102
102
|
<desc>
|
|
103
103
|
</desc>
|
|
104
|
-
<g tabindex="-1"
|
|
104
|
+
<g tabindex="-1">
|
|
105
105
|
<g class="recharts-cartesian-grid">
|
|
106
106
|
<g class="recharts-cartesian-grid-horizontal">
|
|
107
107
|
<line stroke-dasharray="0" stroke="#e5ebf0 " fill="none" x="15" y="15" width="438" height="108" x1="15" y1="123" x2="453" y2="123">
|
|
@@ -117,7 +117,7 @@ const data: CustomData[] = [
|
|
|
117
117
|
</g>
|
|
118
118
|
</g>
|
|
119
119
|
</g>
|
|
120
|
-
<g tabindex="-1"
|
|
120
|
+
<g tabindex="-1">
|
|
121
121
|
</g>
|
|
122
122
|
<defs>
|
|
123
123
|
<clipPath id="recharts1-clip">
|
|
@@ -125,19 +125,19 @@ const data: CustomData[] = [
|
|
|
125
125
|
</rect>
|
|
126
126
|
</clipPath>
|
|
127
127
|
</defs>
|
|
128
|
-
<g tabindex="-1"
|
|
128
|
+
<g tabindex="-1">
|
|
129
129
|
</g>
|
|
130
|
-
<g tabindex="-1"
|
|
130
|
+
<g tabindex="-1">
|
|
131
131
|
</g>
|
|
132
|
-
<g tabindex="-1"
|
|
132
|
+
<g tabindex="-1">
|
|
133
133
|
</g>
|
|
134
|
-
<g tabindex="-1"
|
|
134
|
+
<g tabindex="-1">
|
|
135
135
|
<g class="recharts-layer recharts-line">
|
|
136
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:
|
|
136
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="15.1723px 36.216516833496094px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
|
|
137
137
|
</path>
|
|
138
138
|
</g>
|
|
139
139
|
</g>
|
|
140
|
-
<g tabindex="-1"
|
|
140
|
+
<g tabindex="-1">
|
|
141
141
|
<g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
|
|
142
142
|
<line angle="0" height="30" orientation="bottom" x="15" y="123" width="438" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="123" x2="453" y2="123">
|
|
143
143
|
</line>
|
|
@@ -175,7 +175,7 @@ const data: CustomData[] = [
|
|
|
175
175
|
</g>
|
|
176
176
|
</g>
|
|
177
177
|
</g>
|
|
178
|
-
<g tabindex="-1"
|
|
178
|
+
<g tabindex="-1">
|
|
179
179
|
<g class="recharts-layer recharts-line-dots">
|
|
180
180
|
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="108" width="438" cx="45" cy="27.000000000000007" class="recharts-dot recharts-line-dot">
|
|
181
181
|
</circle>
|
|
@@ -193,13 +193,13 @@ const data: CustomData[] = [
|
|
|
193
193
|
</circle>
|
|
194
194
|
</g>
|
|
195
195
|
</g>
|
|
196
|
-
<g tabindex="-1"
|
|
196
|
+
<g tabindex="-1">
|
|
197
197
|
</g>
|
|
198
|
-
<g tabindex="-1"
|
|
198
|
+
<g tabindex="-1">
|
|
199
199
|
</g>
|
|
200
|
-
<g tabindex="-1"
|
|
200
|
+
<g tabindex="-1">
|
|
201
201
|
</g>
|
|
202
|
-
<g tabindex="-1"
|
|
202
|
+
<g tabindex="-1">
|
|
203
203
|
<g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
|
|
204
204
|
<g class="recharts-layer recharts-cartesian-axis-tick-label">
|
|
205
205
|
<text height="30" orientation="bottom" width="438" stroke="none" x="45" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
|
|
@@ -449,9 +449,9 @@ const data: CustomData[] = [
|
|
|
449
449
|
</title>
|
|
450
450
|
<desc>
|
|
451
451
|
</desc>
|
|
452
|
-
<g tabindex="-1"
|
|
452
|
+
<g tabindex="-1">
|
|
453
453
|
</g>
|
|
454
|
-
<g tabindex="-1"
|
|
454
|
+
<g tabindex="-1">
|
|
455
455
|
</g>
|
|
456
456
|
<defs>
|
|
457
457
|
<clipPath id="recharts2-clip">
|
|
@@ -459,15 +459,15 @@ const data: CustomData[] = [
|
|
|
459
459
|
</rect>
|
|
460
460
|
</clipPath>
|
|
461
461
|
</defs>
|
|
462
|
-
<g tabindex="-1"
|
|
462
|
+
<g tabindex="-1">
|
|
463
463
|
</g>
|
|
464
|
-
<g tabindex="-1"
|
|
464
|
+
<g tabindex="-1">
|
|
465
465
|
</g>
|
|
466
|
-
<g tabindex="-1"
|
|
466
|
+
<g tabindex="-1">
|
|
467
467
|
</g>
|
|
468
|
-
<g tabindex="-1"
|
|
468
|
+
<g tabindex="-1">
|
|
469
469
|
<g class="recharts-layer recharts-line">
|
|
470
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:
|
|
470
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r2:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="47.2241px 4.164716833496094px" d="M45,27C66,28,87,29,108,33C129,37,150,63,171,63C192,63,213,39.6,234,39.6C255,39.6,276,66.3,297,66.3C318,66.3,339,59.3,360,51.3C381,43.3,402,30.8,423,18.3">
|
|
471
471
|
</path>
|
|
472
472
|
</g>
|
|
473
473
|
<g class="recharts-layer recharts-reference-line">
|
|
@@ -484,7 +484,7 @@ const data: CustomData[] = [
|
|
|
484
484
|
</line>
|
|
485
485
|
</g>
|
|
486
486
|
</g>
|
|
487
|
-
<g tabindex="-1"
|
|
487
|
+
<g tabindex="-1">
|
|
488
488
|
<g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
|
|
489
489
|
<line angle="0" height="30" orientation="bottom" x="15" y="123" width="438" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="15" y1="123" x2="453" y2="123">
|
|
490
490
|
</line>
|
|
@@ -522,7 +522,7 @@ const data: CustomData[] = [
|
|
|
522
522
|
</g>
|
|
523
523
|
</g>
|
|
524
524
|
</g>
|
|
525
|
-
<g tabindex="-1"
|
|
525
|
+
<g tabindex="-1">
|
|
526
526
|
<g class="recharts-layer recharts-line-dots">
|
|
527
527
|
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="108" width="438" cx="45" cy="27.000000000000007" class="recharts-dot recharts-line-dot">
|
|
528
528
|
</circle>
|
|
@@ -540,13 +540,13 @@ const data: CustomData[] = [
|
|
|
540
540
|
</circle>
|
|
541
541
|
</g>
|
|
542
542
|
</g>
|
|
543
|
-
<g tabindex="-1"
|
|
543
|
+
<g tabindex="-1">
|
|
544
544
|
</g>
|
|
545
|
-
<g tabindex="-1"
|
|
545
|
+
<g tabindex="-1">
|
|
546
546
|
</g>
|
|
547
|
-
<g tabindex="-1"
|
|
547
|
+
<g tabindex="-1">
|
|
548
548
|
</g>
|
|
549
|
-
<g tabindex="-1"
|
|
549
|
+
<g tabindex="-1">
|
|
550
550
|
<g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
|
|
551
551
|
<g class="recharts-layer recharts-cartesian-axis-tick-label">
|
|
552
552
|
<text height="30" orientation="bottom" width="438" stroke="none" x="45" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
|
|
@@ -709,7 +709,7 @@ export default () => {
|
|
|
709
709
|
layout='horizontal'
|
|
710
710
|
verticalAlign='bottom'
|
|
711
711
|
iconType='line'
|
|
712
|
-
formatter={(
|
|
712
|
+
formatter={(_value: string, entry: any, index: number) => {
|
|
713
713
|
const { color } = entry;
|
|
714
714
|
return <span style={{ color }}>{Object.keys(data[0])[index + 1]}</span>;
|
|
715
715
|
}}
|
|
@@ -780,7 +780,7 @@ const data: CustomData[] = [
|
|
|
780
780
|
<div class="recharts-responsive-container" style="width: 100%; height: 100%; min-width: 100px; min-height: 100px;">
|
|
781
781
|
<div style="width: 0px; height: 0px; overflow: visible;">
|
|
782
782
|
<div width="876" height="268" class="recharts-wrapper" style="position: relative; cursor: default; width: 876px; height: 268px;">
|
|
783
|
-
<div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper
|
|
783
|
+
<div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
|
|
784
784
|
<div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
|
|
785
785
|
<p class="recharts-tooltip-label" style="margin: 0px;">
|
|
786
786
|
</p>
|
|
@@ -843,7 +843,7 @@ const data: CustomData[] = [
|
|
|
843
843
|
</title>
|
|
844
844
|
<desc>
|
|
845
845
|
</desc>
|
|
846
|
-
<g tabindex="-1"
|
|
846
|
+
<g tabindex="-1">
|
|
847
847
|
<g class="recharts-cartesian-grid">
|
|
848
848
|
<g class="recharts-cartesian-grid-horizontal">
|
|
849
849
|
<line stroke-dasharray="3 3" stroke="#ccc" fill="none" x="75" y="15" width="786" height="108" x1="75" y1="123" x2="861" y2="123">
|
|
@@ -875,7 +875,7 @@ const data: CustomData[] = [
|
|
|
875
875
|
</g>
|
|
876
876
|
</g>
|
|
877
877
|
</g>
|
|
878
|
-
<g tabindex="-1"
|
|
878
|
+
<g tabindex="-1">
|
|
879
879
|
</g>
|
|
880
880
|
<defs>
|
|
881
881
|
<clipPath id="recharts3-clip">
|
|
@@ -905,27 +905,27 @@ const data: CustomData[] = [
|
|
|
905
905
|
</line>
|
|
906
906
|
</g>
|
|
907
907
|
</g>
|
|
908
|
-
<g tabindex="-1"
|
|
908
|
+
<g tabindex="-1">
|
|
909
909
|
</g>
|
|
910
|
-
<g tabindex="-1"
|
|
910
|
+
<g tabindex="-1">
|
|
911
911
|
</g>
|
|
912
|
-
<g tabindex="-1"
|
|
912
|
+
<g tabindex="-1">
|
|
913
913
|
</g>
|
|
914
|
-
<g tabindex="-1"
|
|
914
|
+
<g tabindex="-1">
|
|
915
915
|
<g class="recharts-layer recharts-line">
|
|
916
|
-
<path name="uv" stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:
|
|
916
|
+
<path name="uv" stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r3:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="787.956298828125px 0px" d="M75,88.44C118.667,88.8,162.333,89.16,206,90.6C249.667,92.04,293.333,101.4,337,101.4C380.667,101.4,424.333,92.976,468,92.976C511.667,92.976,555.333,102.588,599,102.588C642.667,102.588,686.333,100.068,730,97.188C773.667,94.308,817.333,89.808,861,85.308">
|
|
917
917
|
</path>
|
|
918
918
|
</g>
|
|
919
919
|
<g class="recharts-layer recharts-line">
|
|
920
|
-
<path name="pv" stroke="#a1daa3 " fill="none" stroke-width="1" id="recharts-line-:
|
|
920
|
+
<path name="pv" stroke="#a1daa3 " fill="none" stroke-width="1" id="recharts-line-:r4:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="836.8355px 0.000010253906225443643px" d="M75,97.08C118.667,102.491,162.333,107.902,206,107.902C249.667,107.902,293.333,17.16,337,17.16C380.667,17.16,424.333,80.794,468,80.794C511.667,80.794,555.333,71.16,599,71.16C642.667,71.16,686.333,81.96,730,81.96C773.667,81.96,817.333,79.26,861,76.56">
|
|
921
921
|
</path>
|
|
922
922
|
</g>
|
|
923
923
|
<g class="recharts-layer recharts-line">
|
|
924
|
-
<path name="amt" stroke="#b23672 " fill="none" stroke-width="1" id="recharts-line-:
|
|
924
|
+
<path name="amt" stroke="#b23672 " fill="none" stroke-width="1" id="recharts-line-:r5:" height="108" width="786" class="recharts-curve recharts-line-curve" stroke-dasharray="786.2213px 0.000013476562457981345px" d="M75,97.08C118.667,98.106,162.333,99.132,206,99.132C249.667,99.132,293.333,98.268,337,98.268C380.667,98.268,424.333,101.4,468,101.4C511.667,101.4,555.333,100.345,599,99.445C642.667,98.545,686.333,96,730,96C773.667,96,817.333,98.16,861,100.32">
|
|
925
925
|
</path>
|
|
926
926
|
</g>
|
|
927
927
|
</g>
|
|
928
|
-
<g tabindex="-1"
|
|
928
|
+
<g tabindex="-1">
|
|
929
929
|
<g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
|
|
930
930
|
<line angle="0" height="30" orientation="bottom" x="75" y="123" width="786" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="75" y1="123" x2="861" y2="123">
|
|
931
931
|
</line>
|
|
@@ -991,7 +991,7 @@ const data: CustomData[] = [
|
|
|
991
991
|
</g>
|
|
992
992
|
</g>
|
|
993
993
|
</g>
|
|
994
|
-
<g tabindex="-1"
|
|
994
|
+
<g tabindex="-1">
|
|
995
995
|
<g class="recharts-layer recharts-line-dots">
|
|
996
996
|
<circle r="3" name="uv" stroke="#67abc5 " fill="#fff" stroke-width="1" height="108" width="786" cx="75" cy="88.43999999999998" class="recharts-dot recharts-line-dot">
|
|
997
997
|
</circle>
|
|
@@ -1041,13 +1041,13 @@ const data: CustomData[] = [
|
|
|
1041
1041
|
</circle>
|
|
1042
1042
|
</g>
|
|
1043
1043
|
</g>
|
|
1044
|
-
<g tabindex="-1"
|
|
1044
|
+
<g tabindex="-1">
|
|
1045
1045
|
</g>
|
|
1046
|
-
<g tabindex="-1"
|
|
1046
|
+
<g tabindex="-1">
|
|
1047
1047
|
</g>
|
|
1048
|
-
<g tabindex="-1"
|
|
1048
|
+
<g tabindex="-1">
|
|
1049
1049
|
</g>
|
|
1050
|
-
<g tabindex="-1"
|
|
1050
|
+
<g tabindex="-1">
|
|
1051
1051
|
<g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
|
|
1052
1052
|
<g class="recharts-layer recharts-cartesian-axis-tick-label">
|
|
1053
1053
|
<text height="30" orientation="bottom" width="786" stroke="none" x="75" y="131" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
|
|
@@ -1481,7 +1481,7 @@ const data: CustomData[] = [
|
|
|
1481
1481
|
<div class="recharts-responsive-container" style="width: 100%; height: 100%; min-width: 100px; min-height: 100px;">
|
|
1482
1482
|
<div style="width: 0px; height: 0px; overflow: visible;">
|
|
1483
1483
|
<div width="876" height="268" class="recharts-wrapper" style="position: relative; cursor: default; width: 876px; height: 268px;">
|
|
1484
|
-
<div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper
|
|
1484
|
+
<div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
|
|
1485
1485
|
<div class="recharts-default-tooltip" role="status" aria-live="assertive" style="margin: 0px; padding: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); white-space: nowrap;">
|
|
1486
1486
|
<p class="recharts-tooltip-label" style="margin: 0px;">
|
|
1487
1487
|
</p>
|
|
@@ -1511,7 +1511,7 @@ const data: CustomData[] = [
|
|
|
1511
1511
|
</title>
|
|
1512
1512
|
<desc>
|
|
1513
1513
|
</desc>
|
|
1514
|
-
<g tabindex="-1"
|
|
1514
|
+
<g tabindex="-1">
|
|
1515
1515
|
<g class="recharts-cartesian-grid">
|
|
1516
1516
|
<g class="recharts-cartesian-grid-horizontal">
|
|
1517
1517
|
<line stroke-dasharray="3 3" stroke="#ccc" fill="none" x="75" y="15" width="681.640625" height="158" x1="75" y1="173" x2="756.640625" y2="173">
|
|
@@ -1551,7 +1551,7 @@ const data: CustomData[] = [
|
|
|
1551
1551
|
</g>
|
|
1552
1552
|
</g>
|
|
1553
1553
|
</g>
|
|
1554
|
-
<g tabindex="-1"
|
|
1554
|
+
<g tabindex="-1">
|
|
1555
1555
|
</g>
|
|
1556
1556
|
<defs>
|
|
1557
1557
|
<clipPath id="recharts4-clip">
|
|
@@ -1581,32 +1581,32 @@ const data: CustomData[] = [
|
|
|
1581
1581
|
</line>
|
|
1582
1582
|
</g>
|
|
1583
1583
|
</g>
|
|
1584
|
-
<g tabindex="-1"
|
|
1584
|
+
<g tabindex="-1">
|
|
1585
1585
|
</g>
|
|
1586
|
-
<g tabindex="-1"
|
|
1586
|
+
<g tabindex="-1">
|
|
1587
1587
|
</g>
|
|
1588
|
-
<g tabindex="-1"
|
|
1588
|
+
<g tabindex="-1">
|
|
1589
1589
|
</g>
|
|
1590
|
-
<g tabindex="-1"
|
|
1590
|
+
<g tabindex="-1">
|
|
1591
1591
|
<g class="recharts-layer recharts-reference-line">
|
|
1592
1592
|
<line x="03:30" stroke="#f19588 " fill="none" fill-opacity="1" stroke-width="1" x1="577.2615131578948" y1="173" x2="577.2615131578948" y2="15" class="recharts-reference-line-line">
|
|
1593
1593
|
</line>
|
|
1594
1594
|
<text x="582.2615131578948" y="30" fill="gray" text-anchor="right">Now</text>
|
|
1595
1595
|
</g>
|
|
1596
1596
|
<g class="recharts-layer recharts-line">
|
|
1597
|
-
<path name="Nominal" stroke-width="1" stroke="#67abc5 " fill="none" id="recharts-line-:
|
|
1597
|
+
<path name="Nominal" stroke-width="1" stroke="#67abc5 " fill="none" id="recharts-line-:r6:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="734.8751831054688px 0px" d="M75,48.417C86.959,55.102,98.917,61.788,110.876,68.773C122.834,75.758,134.793,83.75,146.752,90.327C158.71,96.903,170.669,108.233,182.627,108.233C194.586,108.233,206.545,75.909,218.503,75.909C230.462,75.909,242.421,87.592,254.379,92.091C266.338,96.589,278.296,99.703,290.255,102.901C302.214,106.098,314.172,111.275,326.131,111.275C338.089,111.275,350.048,86.284,362.007,86.284C373.965,86.284,385.924,96.133,397.882,98.924C409.841,101.716,421.8,101.885,433.758,103.111C445.717,104.338,457.675,104.595,469.634,106.285C481.593,107.974,493.551,113.25,505.51,113.25C517.468,113.25,529.427,110.368,541.386,108.207C553.344,106.045,565.303,103.563,577.262,100.28C589.22,96.998,601.179,88.509,613.137,88.509C625.096,88.509,637.055,93.776,649.013,93.776C660.972,93.776,672.93,88.509,684.889,88.509C696.848,88.509,708.806,88.509,720.765,88.509C732.723,88.509,744.682,88.509,756.641,88.509">
|
|
1598
1598
|
</path>
|
|
1599
1599
|
</g>
|
|
1600
1600
|
<g class="recharts-layer recharts-line">
|
|
1601
|
-
<path name="Moderate" stroke-width="1" stroke="#a1daa3 " fill="none" id="recharts-line-:
|
|
1601
|
+
<path name="Moderate" stroke-width="1" stroke="#a1daa3 " fill="none" id="recharts-line-:r7:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="704.3584594726562px 0px" d="M75,48.285C86.959,52.468,98.917,56.651,110.876,61.018C122.834,65.384,134.793,70.377,146.752,74.487C158.71,78.597,170.669,85.679,182.627,85.679C194.586,85.679,206.545,65.573,218.503,65.573C230.462,65.573,242.421,72.887,254.379,75.698C266.338,78.509,278.296,80.443,290.255,82.44C302.214,84.437,314.172,87.68,326.131,87.68C338.089,87.68,350.048,72.104,362.007,72.104C373.965,72.104,385.924,78.257,397.882,80.004C409.841,81.751,421.8,81.858,433.758,82.624C445.717,83.39,457.675,83.539,469.634,84.599C481.593,85.659,493.551,88.983,505.51,88.983C517.468,88.983,529.427,87.188,541.386,85.837C553.344,84.485,565.303,82.925,577.262,80.873C589.22,78.821,601.179,73.526,613.137,73.526C625.096,73.526,637.055,78.793,649.013,78.793C660.972,78.793,672.93,73.526,684.889,73.526C696.848,73.526,708.806,73.526,720.765,73.526C732.723,73.526,744.682,73.526,756.641,73.526">
|
|
1602
1602
|
</path>
|
|
1603
1603
|
</g>
|
|
1604
1604
|
<g class="recharts-layer recharts-line">
|
|
1605
|
-
<path name="Extreme" stroke-width="1" stroke="#b23672 " fill="none" id="recharts-line-:
|
|
1605
|
+
<path name="Extreme" stroke-width="1" stroke="#b23672 " fill="none" id="recharts-line-:r8:" height="158" width="681.640625" class="recharts-curve recharts-line-curve" stroke-dasharray="786.7827px 0.000014843750022919266px" d="M75,39.424C86.959,49.112,98.917,58.799,110.876,68.918C122.834,79.036,134.793,90.61,146.752,100.136C158.71,109.662,170.669,126.074,182.627,126.074C194.586,126.074,206.545,75.369,218.503,75.369C230.462,75.369,242.421,92.304,254.379,98.819C266.338,105.334,278.296,109.831,290.255,114.461C302.214,119.091,314.172,126.601,326.131,126.601C338.089,126.601,350.048,88.76,362.007,88.76C373.965,88.76,385.924,103.024,397.882,107.061C409.841,111.099,421.8,111.343,433.758,113.118C445.717,114.893,457.675,115.418,469.634,117.713C481.593,120.009,493.551,126.89,505.51,126.89C517.468,126.89,529.427,122.712,541.386,119.583C553.344,116.454,565.303,112.868,577.262,108.115C589.22,103.361,601.179,91.064,613.137,91.064C625.096,91.064,637.055,95.014,649.013,95.014C660.972,95.014,672.93,91.064,684.889,91.064C696.848,91.064,708.806,91.064,720.765,91.064C732.723,91.064,744.682,91.064,756.641,91.064">
|
|
1606
1606
|
</path>
|
|
1607
1607
|
</g>
|
|
1608
1608
|
</g>
|
|
1609
|
-
<g tabindex="-1"
|
|
1609
|
+
<g tabindex="-1">
|
|
1610
1610
|
<g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
|
|
1611
1611
|
<line angle="0" height="30" orientation="bottom" x="75" y="173" width="681.640625" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="75" y1="173" x2="756.640625" y2="173">
|
|
1612
1612
|
</line>
|
|
@@ -1708,7 +1708,7 @@ const data: CustomData[] = [
|
|
|
1708
1708
|
</g>
|
|
1709
1709
|
</g>
|
|
1710
1710
|
</g>
|
|
1711
|
-
<g tabindex="-1"
|
|
1711
|
+
<g tabindex="-1">
|
|
1712
1712
|
<g class="recharts-layer recharts-line-dots">
|
|
1713
1713
|
<circle r="3" name="Nominal" stroke-width="1" stroke="#67abc5 " fill="#fff" height="158" width="681.640625" cx="75" cy="48.41699999999999" class="recharts-dot recharts-line-dot">
|
|
1714
1714
|
</circle>
|
|
@@ -1836,13 +1836,13 @@ const data: CustomData[] = [
|
|
|
1836
1836
|
</circle>
|
|
1837
1837
|
</g>
|
|
1838
1838
|
</g>
|
|
1839
|
-
<g tabindex="-1"
|
|
1839
|
+
<g tabindex="-1">
|
|
1840
1840
|
</g>
|
|
1841
|
-
<g tabindex="-1"
|
|
1841
|
+
<g tabindex="-1">
|
|
1842
1842
|
</g>
|
|
1843
|
-
<g tabindex="-1"
|
|
1843
|
+
<g tabindex="-1">
|
|
1844
1844
|
</g>
|
|
1845
|
-
<g tabindex="-1"
|
|
1845
|
+
<g tabindex="-1">
|
|
1846
1846
|
<g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
|
|
1847
1847
|
<g class="recharts-layer recharts-cartesian-axis-tick-label">
|
|
1848
1848
|
<text height="30" orientation="bottom" width="681.640625" stroke="none" x="110.87582236842105" y="181" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/listMenu
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:44.559Z
|
|
7
7
|
|
|
8
8
|
A simple list menu that supports grouping and filter.
|
|
9
9
|
|
|
@@ -199,30 +199,6 @@ export default () => {
|
|
|
199
199
|
</div>
|
|
200
200
|
```
|
|
201
201
|
|
|
202
|
-
#### Props
|
|
203
|
-
|
|
204
|
-
| Name | Type | Default | Description |
|
|
205
|
-
| --- | --- | --- | --- |
|
|
206
|
-
| menuItems | Array of Objects | — | List of menu item groups to be shown. |
|
|
207
|
-
| └group | String \| Node | — | The optional group header to be shown. This can also be a component such as aFormattedMessage. |
|
|
208
|
-
| └badge | String \| Node | — | The optional badge displayed alongside the group or nav items. This can be a string or a React node for additional flexibility. |
|
|
209
|
-
| └badgeType | "muted" \| "success" \| "info" \| "warning" \| "danger" | — | Determines the visual style of the badge. Available types include:muted, success, info, warning, and danger. |
|
|
210
|
-
| └groupNavItem | String \| Node | — | The optional group header link to be shown. This can be a link component such asNavLink orLink. This way, the header can be a link itself. In this case, the propgroupcan be omitted. |
|
|
211
|
-
| └navItems | Array of Objects | — | The list of all menu items of a group. |
|
|
212
|
-
| └navItems.key | String | — | The name or key of the menu nav item. This key will be used for filtering, hence it should match the translated menu item name. |
|
|
213
|
-
| └navItems.item | Node | — | The menu nav item itself. This can be a simple<a>, <NavLink>, <Link> or a <span> or even a <FormattedMessage> |
|
|
214
|
-
| └navItems.disabled | Boolean | false | Disables the list item. |
|
|
215
|
-
| enableFilter | Boolean | false | Enables the filter. |
|
|
216
|
-
| focusFilter | Boolean | false | Focus the filter input. |
|
|
217
|
-
| filterKey | String | key | Define the attribute key for filter for. |
|
|
218
|
-
| filterPlaceholder | String | — | The placeholder text for the input. |
|
|
219
|
-
| notFoundMessage | String / Node | — | A localized message to be shown when filter result is empty. |
|
|
220
|
-
| responsive | Boolean | true | The menu uses collapses on smaller screens using an expander panel. |
|
|
221
|
-
| autoClose | Boolean | true | Enables automatic close of the expander panel. Only relevant when using the responsive flag. Note: make sure to not stop the events from bubbling up when clicking on an list item. Using "event.stopPropagation()" will not work for the panel to close. |
|
|
222
|
-
| trailingInputAddon | ReactNode | — | Additional addon for the input group. |
|
|
223
|
-
| groupClassName | String | — | Additional classes to be set on the menu group element. |
|
|
224
|
-
| className | String | — | Additional classes to be set on the wrapper element. |
|
|
225
|
-
|
|
226
202
|
## ListMenu with NavLinks
|
|
227
203
|
|
|
228
204
|
In case you want to navigate routes you can also use NavLink components.
|
|
@@ -365,28 +341,4 @@ export default () => (
|
|
|
365
341
|
</ul>
|
|
366
342
|
</div>
|
|
367
343
|
</div>
|
|
368
|
-
```
|
|
369
|
-
|
|
370
|
-
#### Props
|
|
371
|
-
|
|
372
|
-
| Name | Type | Default | Description |
|
|
373
|
-
| --- | --- | --- | --- |
|
|
374
|
-
| menuItems | Array of Objects | — | List of menu item groups to be shown. |
|
|
375
|
-
| └group | String \| Node | — | The optional group header to be shown. This can also be a component such as aFormattedMessage. |
|
|
376
|
-
| └badge | String \| Node | — | The optional badge displayed alongside the group or nav items. This can be a string or a React node for additional flexibility. |
|
|
377
|
-
| └badgeType | "muted" \| "success" \| "info" \| "warning" \| "danger" | — | Determines the visual style of the badge. Available types include:muted, success, info, warning, and danger. |
|
|
378
|
-
| └groupNavItem | String \| Node | — | The optional group header link to be shown. This can be a link component such asNavLink orLink. This way, the header can be a link itself. In this case, the propgroupcan be omitted. |
|
|
379
|
-
| └navItems | Array of Objects | — | The list of all menu items of a group. |
|
|
380
|
-
| └navItems.key | String | — | The name or key of the menu nav item. This key will be used for filtering, hence it should match the translated menu item name. |
|
|
381
|
-
| └navItems.item | Node | — | The menu nav item itself. This can be a simple<a>, <NavLink>, <Link> or a <span> or even a <FormattedMessage> |
|
|
382
|
-
| └navItems.disabled | Boolean | false | Disables the list item. |
|
|
383
|
-
| enableFilter | Boolean | false | Enables the filter. |
|
|
384
|
-
| focusFilter | Boolean | false | Focus the filter input. |
|
|
385
|
-
| filterKey | String | key | Define the attribute key for filter for. |
|
|
386
|
-
| filterPlaceholder | String | — | The placeholder text for the input. |
|
|
387
|
-
| notFoundMessage | String / Node | — | A localized message to be shown when filter result is empty. |
|
|
388
|
-
| responsive | Boolean | true | The menu uses collapses on smaller screens using an expander panel. |
|
|
389
|
-
| autoClose | Boolean | true | Enables automatic close of the expander panel. Only relevant when using the responsive flag. Note: make sure to not stop the events from bubbling up when clicking on an list item. Using "event.stopPropagation()" will not work for the panel to close. |
|
|
390
|
-
| trailingInputAddon | ReactNode | — | Additional addon for the input group. |
|
|
391
|
-
| groupClassName | String | — | Additional classes to be set on the menu group element. |
|
|
392
|
-
| className | String | — | Additional classes to be set on the wrapper element. |
|
|
344
|
+
```
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/loadMore
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:02.390Z
|
|
7
7
|
|
|
8
8
|
## LoadMoreButton
|
|
9
9
|
|
|
@@ -93,19 +93,6 @@ export default () => {
|
|
|
93
93
|
<button class="position-absolute left-0 bottom-0 margin-10 btn btn-default" type="button">Reset</button>
|
|
94
94
|
```
|
|
95
95
|
|
|
96
|
-
#### Props
|
|
97
|
-
|
|
98
|
-
| Name | Type | Default | Description |
|
|
99
|
-
| --- | --- | --- | --- |
|
|
100
|
-
| loaded | Number | 0 | The number of already loaded elements. If set to 0 the progress bar will not be shown. |
|
|
101
|
-
| total | Number | 100 | The number of all elements. If set to 0 the progress bar will not be shown. |
|
|
102
|
-
| loadMoreMessage | String / Node | — | The text for the load more button. |
|
|
103
|
-
| noMoreMessage | String / Node | — | The message that will be shown when everything is loaded. |
|
|
104
|
-
| isInteractive | Boolean | true | If set to "false", the button will not be rendered. The loadMoreMessage will be shown as text. |
|
|
105
|
-
| progressBarStyle | String | white | In case the component is used on white background, set the progress bar style to "gray". |
|
|
106
|
-
| onLoadMore | Function | () => {} | Callback fired when clicking on the load more button. |
|
|
107
|
-
| className | String | — | Additional classes to be set on the wrapper element. |
|
|
108
|
-
|
|
109
96
|
### Example: Example 2
|
|
110
97
|
|
|
111
98
|
20/100
|
|
@@ -203,17 +190,4 @@ export default () => {
|
|
|
203
190
|
<button class="btn btn-default" type="button">Reset</button>
|
|
204
191
|
<button class="btn btn-default" type="button">Load more</button>
|
|
205
192
|
</div>
|
|
206
|
-
```
|
|
207
|
-
|
|
208
|
-
#### Props
|
|
209
|
-
|
|
210
|
-
| Name | Type | Default | Description |
|
|
211
|
-
| --- | --- | --- | --- |
|
|
212
|
-
| loaded | Number | 0 | The number of already loaded elements. If set to 0 the progress bar will not be shown. |
|
|
213
|
-
| total | Number | 100 | The number of all elements. If set to 0 the progress bar will not be shown. |
|
|
214
|
-
| loadMoreMessage | String / Node | — | The text for the load more button. |
|
|
215
|
-
| noMoreMessage | String / Node | — | The message that will be shown when everything is loaded. |
|
|
216
|
-
| isInteractive | Boolean | true | If set to "false", the button will not be rendered. The loadMoreMessage will be shown as text. |
|
|
217
|
-
| progressBarStyle | String | white | In case the component is used on white background, set the progress bar style to "gray". |
|
|
218
|
-
| onLoadMore | Function | () => {} | Callback fired when clicking on the load more button. |
|
|
219
|
-
| className | String | — | Additional classes to be set on the wrapper element. |
|
|
193
|
+
```
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapCircle
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:08:12.768Z
|
|
7
7
|
|
|
8
8
|
## Circle
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–
|
|
12
|
+
Terms of use© 1987–2026 HERE
|
|
13
13
|
|
|
14
14
|
10 km
|
|
15
15
|
|
|
@@ -22,7 +22,7 @@ Show traffic incidents
|
|
|
22
22
|
|
|
23
23
|
#### Summary
|
|
24
24
|
|
|
25
|
-
Terms of use© 1987–
|
|
25
|
+
Terms of use© 1987–2026 HERE
|
|
26
26
|
|
|
27
27
|
10 km
|
|
28
28
|
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapCluster
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:08:13.279Z
|
|
7
7
|
|
|
8
8
|
## Clusters
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–
|
|
12
|
+
Terms of use© 1987–2026 HERE
|
|
13
13
|
|
|
14
14
|
50 km
|
|
15
15
|
|
|
@@ -24,7 +24,7 @@ Regenerate dataToggle cluster
|
|
|
24
24
|
|
|
25
25
|
#### Summary
|
|
26
26
|
|
|
27
|
-
Terms of use© 1987–
|
|
27
|
+
Terms of use© 1987–2026 HERE
|
|
28
28
|
|
|
29
29
|
50 km
|
|
30
30
|
|
|
@@ -166,7 +166,7 @@ export default ClustersExample;
|
|
|
166
166
|
|
|
167
167
|
### Example: Example 2
|
|
168
168
|
|
|
169
|
-
Terms of use© 1987–
|
|
169
|
+
Terms of use© 1987–2026 HERE
|
|
170
170
|
|
|
171
171
|
50 km
|
|
172
172
|
|
|
@@ -181,7 +181,7 @@ Regenerate data
|
|
|
181
181
|
|
|
182
182
|
#### Summary
|
|
183
183
|
|
|
184
|
-
Terms of use© 1987–
|
|
184
|
+
Terms of use© 1987–2026 HERE
|
|
185
185
|
|
|
186
186
|
50 km
|
|
187
187
|
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapContext
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:08:14.570Z
|
|
7
7
|
|
|
8
8
|
## Map
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–
|
|
12
|
+
Terms of use© 1987–2026 HERE
|
|
13
13
|
|
|
14
14
|
10 km
|
|
15
15
|
|
|
@@ -22,7 +22,7 @@ Show traffic incidents
|
|
|
22
22
|
|
|
23
23
|
#### Summary
|
|
24
24
|
|
|
25
|
-
Terms of use© 1987–
|
|
25
|
+
Terms of use© 1987–2026 HERE
|
|
26
26
|
|
|
27
27
|
10 km
|
|
28
28
|
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapDraggableMarker
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:57.720Z
|
|
7
7
|
|
|
8
8
|
## Draggable marker
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–
|
|
12
|
+
Terms of use© 1987–2026 HERE
|
|
13
13
|
|
|
14
14
|
10 km
|
|
15
15
|
|
|
@@ -24,7 +24,7 @@ Marker position{"lat":48.16,"lng":11.38}
|
|
|
24
24
|
|
|
25
25
|
#### Summary
|
|
26
26
|
|
|
27
|
-
Terms of use© 1987–
|
|
27
|
+
Terms of use© 1987–2026 HERE
|
|
28
28
|
|
|
29
29
|
10 km
|
|
30
30
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapGettingStarted
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:54.917Z
|
|
7
7
|
|
|
8
8
|
HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!
|
|
9
9
|
|