@rio-cloud/uikit-mcp 1.1.7 → 1.1.9
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/README.md +24 -18
- package/dist/doc-metadata.json +125 -295
- package/dist/docs/components/accentBar.md +16 -69
- package/dist/docs/components/activity.md +7 -44
- package/dist/docs/components/animatedNumber.md +3 -11
- package/dist/docs/components/animatedTextReveal.md +6 -34
- package/dist/docs/components/animations.md +21 -54
- package/dist/docs/components/appHeader.md +11 -30
- package/dist/docs/components/appLayout.md +40 -193
- package/dist/docs/components/appNavigationBar.md +1 -24
- package/dist/docs/components/areaCharts.md +7 -22
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -9
- package/dist/docs/components/assetTree.md +241 -280
- package/dist/docs/components/autosuggests.md +3 -102
- package/dist/docs/components/avatar.md +1 -16
- package/dist/docs/components/banner.md +4 -37
- package/dist/docs/components/barCharts.md +20 -75
- package/dist/docs/components/barList.md +10 -78
- package/dist/docs/components/basicMap.md +1 -67
- package/dist/docs/components/bottomSheet.md +2 -28
- package/dist/docs/components/button.md +12 -65
- package/dist/docs/components/buttonToolbar.md +5 -19
- package/dist/docs/components/calendarStripe.md +50 -100
- package/dist/docs/components/card.md +1 -9
- package/dist/docs/components/carousel.md +1 -14
- package/dist/docs/components/chartColors.md +1 -156
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -81
- package/dist/docs/components/checkbox.md +11 -72
- package/dist/docs/components/circularProgress.md +8 -49
- package/dist/docs/components/clearableInput.md +3 -62
- package/dist/docs/components/collapse.md +2 -15
- package/dist/docs/components/composedCharts.md +16 -26
- package/dist/docs/components/contentLoader.md +7 -25
- package/dist/docs/components/dataTabs.md +16 -104
- package/dist/docs/components/datepickers.md +710 -962
- package/dist/docs/components/dialogs.md +5 -67
- package/dist/docs/components/divider.md +1 -33
- package/dist/docs/components/dropdowns.md +3424 -5567
- package/dist/docs/components/editableContent.md +4 -82
- package/dist/docs/components/expander.md +15 -88
- package/dist/docs/components/fade.md +4 -61
- package/dist/docs/components/fadeExpander.md +1 -7
- package/dist/docs/components/fadeUp.md +2 -76
- package/dist/docs/components/feedback.md +9 -68
- package/dist/docs/components/filePickers.md +4 -18
- package/dist/docs/components/formLabel.md +7 -27
- package/dist/docs/components/groupedItemList.md +2 -158
- package/dist/docs/components/iconList.md +7 -64
- package/dist/docs/components/imagePreloader.md +1 -9
- package/dist/docs/components/labeledElement.md +3 -18
- package/dist/docs/components/licensePlate.md +1 -43
- package/dist/docs/components/lineCharts.md +8 -39
- package/dist/docs/components/listMenu.md +2 -34
- package/dist/docs/components/loadMore.md +5 -24
- package/dist/docs/components/mainNavigation.md +1 -9
- package/dist/docs/components/mapCircle.md +1 -23
- package/dist/docs/components/mapCluster.md +2 -54
- package/dist/docs/components/mapContext.md +1 -23
- package/dist/docs/components/mapDraggableMarker.md +2 -28
- package/dist/docs/components/mapGettingStarted.md +2 -2
- package/dist/docs/components/mapInfoBubble.md +1 -27
- package/dist/docs/components/mapLayerGroup.md +1 -23
- package/dist/docs/components/mapMarker.md +1 -99
- package/dist/docs/components/mapPolygon.md +2 -116
- package/dist/docs/components/mapRoute.md +6 -1465
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +11 -128
- package/dist/docs/components/mapUtils.md +10 -113
- package/dist/docs/components/multiselects.md +14 -163
- package/dist/docs/components/noData.md +8 -22
- package/dist/docs/components/notifications.md +3 -19
- package/dist/docs/components/numbercontrol.md +3 -47
- package/dist/docs/components/onboarding.md +3 -15
- package/dist/docs/components/page.md +1 -33
- package/dist/docs/components/pager.md +1 -17
- package/dist/docs/components/pieCharts.md +40 -71
- package/dist/docs/components/popover.md +1 -12
- package/dist/docs/components/position.md +2 -6
- package/dist/docs/components/radialBarCharts.md +32 -116
- package/dist/docs/components/radioCardGroup.md +6 -48
- package/dist/docs/components/radiobutton.md +6 -75
- package/dist/docs/components/releaseNotes.md +3 -21
- package/dist/docs/components/resizer.md +1 -7
- package/dist/docs/components/responsiveColumnStripe.md +9 -49
- package/dist/docs/components/responsiveVideo.md +1 -7
- package/dist/docs/components/rioglyph.md +1 -17
- package/dist/docs/components/rules.md +7 -70
- package/dist/docs/components/saveableInput.md +267 -401
- package/dist/docs/components/selects.md +27 -1164
- package/dist/docs/components/sidebar.md +6 -17
- package/dist/docs/components/sliders.md +1 -27
- package/dist/docs/components/smoothScrollbars.md +1 -73
- package/dist/docs/components/spinners.md +6 -51
- package/dist/docs/components/states.md +6 -92
- package/dist/docs/components/statsWidgets.md +1 -76
- package/dist/docs/components/statusBar.md +1 -57
- package/dist/docs/components/stepButton.md +2 -7
- package/dist/docs/components/steppedProgressBars.md +5 -62
- package/dist/docs/components/subNavigation.md +1 -31
- package/dist/docs/components/supportMarker.md +2 -14
- package/dist/docs/components/svgImage.md +1 -5
- package/dist/docs/components/switch.md +2 -33
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +1 -41
- package/dist/docs/components/tags.md +1 -138
- package/dist/docs/components/teaser.md +2 -122
- package/dist/docs/components/textTruncateMiddle.md +2 -9
- package/dist/docs/components/timeline.md +1 -99
- package/dist/docs/components/timepicker.md +4 -79
- package/dist/docs/components/toggleButton.md +2 -15
- package/dist/docs/components/tooltip.md +9 -30
- package/dist/docs/components/tracker.md +2 -19
- package/dist/docs/components/virtualList.md +61 -130
- package/dist/docs/foundations.md +749 -4069
- package/dist/docs/start/changelog.md +5 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +149 -483
- 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 +4 -16
- 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 +13 -67
- package/dist/docs/start/guidelines/state-in-url.md +1 -1
- 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 +11 -11
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/utilities/classNames.md +3 -18
- package/dist/docs/utilities/deviceUtils.md +7 -13
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +2 -12
- package/dist/docs/utilities/routeUtils.md +25 -343
- package/dist/docs/utilities/useAfterMount.md +1 -6
- package/dist/docs/utilities/useAutoAnimate.md +2 -15
- package/dist/docs/utilities/useAverage.md +1 -6
- package/dist/docs/utilities/useClickOutside.md +1 -5
- package/dist/docs/utilities/useClipboard.md +2 -6
- package/dist/docs/utilities/useCookies.md +2 -10
- package/dist/docs/utilities/useCount.md +7 -16
- package/dist/docs/utilities/useDarkMode.md +2 -6
- package/dist/docs/utilities/useDebugInfo.md +6 -20
- package/dist/docs/utilities/useEffectOnce.md +1 -6
- package/dist/docs/utilities/useElapsedTime.md +2 -6
- package/dist/docs/utilities/useElementSize.md +1 -7
- package/dist/docs/utilities/useEsc.md +1 -5
- package/dist/docs/utilities/useEvent.md +1 -5
- package/dist/docs/utilities/useFocusTrap.md +1 -5
- package/dist/docs/utilities/useFullscreen.md +2 -15
- package/dist/docs/utilities/useHover.md +1 -5
- package/dist/docs/utilities/useIncomingPostMessages.md +2 -18
- package/dist/docs/utilities/useInterval.md +2 -8
- package/dist/docs/utilities/useIsFocusWithin.md +1 -10
- package/dist/docs/utilities/useKey.md +1 -15
- package/dist/docs/utilities/useLocalStorage.md +2 -11
- package/dist/docs/utilities/useLocationSuggestions.md +1 -5
- package/dist/docs/utilities/useMax.md +1 -5
- package/dist/docs/utilities/useMin.md +1 -5
- package/dist/docs/utilities/useMutationObserver.md +3 -11
- package/dist/docs/utilities/useOnScreen.md +1 -8
- package/dist/docs/utilities/useOnlineStatus.md +1 -5
- package/dist/docs/utilities/usePostMessage.md +3 -9
- package/dist/docs/utilities/usePostMessageSender.md +3 -13
- package/dist/docs/utilities/usePrevious.md +1 -5
- package/dist/docs/utilities/useResizeObserver.md +3 -11
- package/dist/docs/utilities/useRioCookieConsent.md +1 -5
- package/dist/docs/utilities/useScrollPosition.md +3 -59
- package/dist/docs/utilities/useSearch.md +2 -16
- package/dist/docs/utilities/useSearchHighlight.md +13 -78
- package/dist/docs/utilities/useSorting.md +18 -43
- package/dist/docs/utilities/useStateWithValidation.md +1 -5
- package/dist/docs/utilities/useSum.md +1 -9
- package/dist/docs/utilities/useTableExport.md +42 -59
- package/dist/docs/utilities/useTableSelection.md +74 -119
- package/dist/docs/utilities/useTimeout.md +2 -6
- package/dist/docs/utilities/useToggle.md +4 -14
- package/dist/docs/utilities/useUrlState.md +2 -27
- package/dist/docs/utilities/useWindowResize.md +1 -5
- package/dist/index.mjs +46 -16
- package/dist/version.json +2 -2
- package/package.json +15 -9
- package/dist/docs/templates/common-table.md +0 -1112
- package/dist/docs/templates/detail-views.md +0 -942
- package/dist/docs/templates/expandable-details.md +0 -228
- package/dist/docs/templates/feature-cards.md +0 -549
- package/dist/docs/templates/form-summary.md +0 -199
- package/dist/docs/templates/form-toggle.md +0 -367
- package/dist/docs/templates/list-blocks.md +0 -1021
- package/dist/docs/templates/loading-progress.md +0 -109
- package/dist/docs/templates/options-panel.md +0 -152
- package/dist/docs/templates/panel-variants.md +0 -164
- package/dist/docs/templates/progress-cards.md +0 -607
- package/dist/docs/templates/progress-success.md +0 -142
- package/dist/docs/templates/settings-form.md +0 -434
- package/dist/docs/templates/stats-blocks.md +0 -1381
- package/dist/docs/templates/table-panel.md +0 -184
- package/dist/docs/templates/table-row-animation.md +0 -317
- package/dist/docs/templates/usage-cards.md +0 -227
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/numbercontrol
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:09.935Z
|
|
7
7
|
|
|
8
8
|
## NumberInput
|
|
9
9
|
|
|
@@ -28,34 +28,7 @@ days
|
|
|
28
28
|
Disabled NumberInput
|
|
29
29
|
m
|
|
30
30
|
|
|
31
|
-
With warning
|
|
32
|
-
unit
|
|
33
|
-
|
|
34
|
-
Fixed 'noDefault'
|
|
35
|
-
Pcs
|
|
36
|
-
|
|
37
|
-
#### Summary
|
|
38
|
-
|
|
39
|
-
No default values
|
|
40
|
-
|
|
41
|
-
NumberInput in various sizes:
|
|
42
|
-
|
|
43
|
-
NumberInput with unit and inputAddon in various sizes:
|
|
44
|
-
|
|
45
|
-
m
|
|
46
|
-
|
|
47
|
-
m
|
|
48
|
-
|
|
49
|
-
m
|
|
50
|
-
|
|
51
|
-
NumberInput with limits:
|
|
52
|
-
|
|
53
|
-
days
|
|
54
|
-
|
|
55
|
-
Disabled NumberInput
|
|
56
|
-
m
|
|
57
|
-
|
|
58
|
-
With warning feedbackShort warning message
|
|
31
|
+
With warning feedback Short warning message
|
|
59
32
|
unit
|
|
60
33
|
|
|
61
34
|
Fixed 'noDefault'
|
|
@@ -362,24 +335,7 @@ days
|
|
|
362
335
|
|
|
363
336
|
m
|
|
364
337
|
|
|
365
|
-
NumberControl with error
|
|
366
|
-
unit
|
|
367
|
-
|
|
368
|
-
#### Summary
|
|
369
|
-
|
|
370
|
-
NumberControl with limits and various step sizes:
|
|
371
|
-
|
|
372
|
-
m
|
|
373
|
-
|
|
374
|
-
NumberControl without default value
|
|
375
|
-
|
|
376
|
-
NumberControl in large and small:
|
|
377
|
-
|
|
378
|
-
days
|
|
379
|
-
|
|
380
|
-
m
|
|
381
|
-
|
|
382
|
-
NumberControl with error feedbackVery long error message with nowrap messageWhiteSpace prop
|
|
338
|
+
NumberControl with error feedback Very long error message with nowrap messageWhiteSpace prop
|
|
383
339
|
unit
|
|
384
340
|
|
|
385
341
|
#### React (tsx)
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/onboarding
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:01.789Z
|
|
7
7
|
|
|
8
8
|
Useful when you want to control a single tooltip that highlights a portion of the UI.
|
|
9
9
|
|
|
@@ -13,11 +13,7 @@ Useful when you want to control a single tooltip that highlights a portion of th
|
|
|
13
13
|
|
|
14
14
|
### Example: Example 1
|
|
15
15
|
|
|
16
|
-
Reveal feature with onboarding
|
|
17
|
-
|
|
18
|
-
#### Summary
|
|
19
|
-
|
|
20
|
-
Reveal feature with onboarding tipReset
|
|
16
|
+
Reveal feature with onboarding tip Reset
|
|
21
17
|
|
|
22
18
|
#### React (tsx)
|
|
23
19
|
|
|
@@ -107,15 +103,7 @@ When you want to guide the user through a "tour" with multiple steps explaining
|
|
|
107
103
|
|
|
108
104
|
### Example: Notifications
|
|
109
105
|
|
|
110
|
-
Start
|
|
111
|
-
|
|
112
|
-
Notifications
|
|
113
|
-
Keep track of important alerts and messages.
|
|
114
|
-
Click here
|
|
115
|
-
|
|
116
|
-
#### Summary
|
|
117
|
-
|
|
118
|
-
Start walkthroughReset
|
|
106
|
+
Start walkthrough Reset
|
|
119
107
|
|
|
120
108
|
Notifications
|
|
121
109
|
Keep track of important alerts and messages.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/page
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:47.848Z
|
|
7
7
|
|
|
8
8
|
## Page
|
|
9
9
|
|
|
@@ -19,18 +19,6 @@ In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Qu
|
|
|
19
19
|
|
|
20
20
|
Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
|
|
21
21
|
|
|
22
|
-
#### Summary
|
|
23
|
-
|
|
24
|
-
A4
|
|
25
|
-
|
|
26
|
-
Lorem ipsum dolor
|
|
27
|
-
|
|
28
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
29
|
-
|
|
30
|
-
In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Quisque id diam nec ex iaculis pulvinar. Nunc urna dui, varius at tempus sit amet, euismod id risus. Cras placerat imperdiet mattis. Etiam vehicula finibus magna. Nullam ornare diam at molestie faucibus. Aenean dictum magna a ipsum scelerisque, a vehicula massa vehicula. Suspendisse blandit tellus vulputate enim ullamcorper tincidunt. Vivamus enim justo, sollicitudin sit amet pulvinar vitae, vehicula sed leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
|
|
31
|
-
|
|
32
|
-
Praesent mattis purus et velit maximus hendrerit. Aenean vehicula tempus dapibus. Mauris convallis pharetra purus, non vulputate erat rutrum quis. Sed in tincidunt justo. Ut eu venenatis augue. Aliquam ullamcorper vitae tellus et egestas. Integer eget metus quis odio elementum auctor quis et ipsum. Duis lobortis eros lacinia sapien rutrum egestas. Phasellus ornare, elit non efficitur fringilla, arcu risus molestie enim, sit amet blandit lorem ex in lectus. Vestibulum quis tempor nisi, at pretium erat.
|
|
33
|
-
|
|
34
22
|
#### React (tsx)
|
|
35
23
|
|
|
36
24
|
```tsx
|
|
@@ -117,20 +105,6 @@ Page 5
|
|
|
117
105
|
|
|
118
106
|
Page 6
|
|
119
107
|
|
|
120
|
-
#### Summary
|
|
121
|
-
|
|
122
|
-
Page 1
|
|
123
|
-
|
|
124
|
-
Page 2
|
|
125
|
-
|
|
126
|
-
Page 3
|
|
127
|
-
|
|
128
|
-
Page 4
|
|
129
|
-
|
|
130
|
-
Page 5
|
|
131
|
-
|
|
132
|
-
Page 6
|
|
133
|
-
|
|
134
108
|
#### React (tsx)
|
|
135
109
|
|
|
136
110
|
```tsx
|
|
@@ -194,12 +168,6 @@ Portrait
|
|
|
194
168
|
|
|
195
169
|
Landscape
|
|
196
170
|
|
|
197
|
-
#### Summary
|
|
198
|
-
|
|
199
|
-
Portrait
|
|
200
|
-
|
|
201
|
-
Landscape
|
|
202
|
-
|
|
203
171
|
#### React (tsx)
|
|
204
172
|
|
|
205
173
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Navigation
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/pager
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:02.707Z
|
|
7
7
|
|
|
8
8
|
## Pager
|
|
9
9
|
|
|
@@ -23,22 +23,6 @@ Previous
|
|
|
23
23
|
|
|
24
24
|
Next
|
|
25
25
|
|
|
26
|
-
#### Summary
|
|
27
|
-
|
|
28
|
-
Pager with label
|
|
29
|
-
|
|
30
|
-
Previous
|
|
31
|
-
The previous chapter
|
|
32
|
-
|
|
33
|
-
Next
|
|
34
|
-
The next chapter
|
|
35
|
-
|
|
36
|
-
Compact Pager without label
|
|
37
|
-
|
|
38
|
-
Previous
|
|
39
|
-
|
|
40
|
-
Next
|
|
41
|
-
|
|
42
26
|
#### React (tsx)
|
|
43
27
|
|
|
44
28
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/pieCharts
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:29.583Z
|
|
7
7
|
|
|
8
8
|
## PieChart
|
|
9
9
|
|
|
@@ -11,14 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
### Example: Example 1
|
|
13
13
|
|
|
14
|
-
Simple
|
|
15
|
-
Diesel
|
|
16
|
-
Maut
|
|
17
|
-
Zuschläge
|
|
18
|
-
|
|
19
|
-
#### Summary
|
|
20
|
-
|
|
21
|
-
Simple PieChartBasistarif
|
|
14
|
+
Simple PieChart Basistarif
|
|
22
15
|
Diesel
|
|
23
16
|
Maut
|
|
24
17
|
Zuschläge
|
|
@@ -220,23 +213,12 @@ const data: CustomData[] = [
|
|
|
220
213
|
|
|
221
214
|
### Example: Example 2
|
|
222
215
|
|
|
223
|
-
PieChart with custom
|
|
216
|
+
PieChart with custom color Basistarif
|
|
224
217
|
Diesel
|
|
225
218
|
Maut
|
|
226
219
|
Zuschläge
|
|
227
220
|
|
|
228
|
-
Filled PieChart with inner
|
|
229
|
-
Diesel
|
|
230
|
-
Maut
|
|
231
|
-
|
|
232
|
-
#### Summary
|
|
233
|
-
|
|
234
|
-
PieChart with custom colorBasistarif
|
|
235
|
-
Diesel
|
|
236
|
-
Maut
|
|
237
|
-
Zuschläge
|
|
238
|
-
|
|
239
|
-
Filled PieChart with inner labelsBasistarif
|
|
221
|
+
Filled PieChart with inner labels Basistarif
|
|
240
222
|
Diesel
|
|
241
223
|
Maut
|
|
242
224
|
|
|
@@ -396,44 +378,44 @@ const data: CustomData[] = [
|
|
|
396
378
|
<path cx="158.9296875" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 262.1297,134
|
|
397
379
|
A 103.2,103.2,0,
|
|
398
380
|
0,0,
|
|
399
|
-
|
|
400
|
-
L
|
|
381
|
+
72.5813,77.4827
|
|
382
|
+
L 87.8094,87.4499
|
|
401
383
|
A 85,85,0,
|
|
402
384
|
0,1,
|
|
403
385
|
243.9297,134 Z">
|
|
404
386
|
</path>
|
|
405
387
|
</g>
|
|
406
388
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
407
|
-
<path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M
|
|
389
|
+
<path cx="158.9296875" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 69.7418,82.0793
|
|
408
390
|
A 103.2,103.2,0,
|
|
409
391
|
0,0,
|
|
410
|
-
|
|
411
|
-
L
|
|
392
|
+
78.502,198.6655
|
|
393
|
+
L 92.686,187.2613
|
|
412
394
|
A 85,85,0,
|
|
413
395
|
0,1,
|
|
414
|
-
|
|
396
|
+
85.4707,91.2359 Z">
|
|
415
397
|
</path>
|
|
416
398
|
</g>
|
|
417
399
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
418
|
-
<path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M
|
|
400
|
+
<path cx="158.9296875" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 81.9966,202.7862
|
|
419
401
|
A 103.2,103.2,0,
|
|
420
402
|
0,0,
|
|
421
|
-
|
|
422
|
-
L
|
|
403
|
+
142.2419,235.8418
|
|
404
|
+
L 145.1849,217.8813
|
|
423
405
|
A 85,85,0,
|
|
424
406
|
0,1,
|
|
425
|
-
|
|
407
|
+
95.5642,190.6553 Z">
|
|
426
408
|
</path>
|
|
427
409
|
</g>
|
|
428
410
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
429
|
-
<path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M
|
|
411
|
+
<path cx="158.9296875" cy="134" fill="#ff8e3c " stroke="#fff" name="Zuschläge" color="brand-warning" tabindex="-1" data-recharts-item-index="3" data-recharts-item-id="recharts-pie-:r1:" class="recharts-sector" d="M 147.5947,236.5756
|
|
430
412
|
A 103.2,103.2,0,
|
|
431
413
|
0,0,
|
|
432
|
-
|
|
433
|
-
L
|
|
414
|
+
169.4739,236.6599
|
|
415
|
+
L 167.6144,218.5552
|
|
434
416
|
A 85,85,0,
|
|
435
417
|
0,1,
|
|
436
|
-
|
|
418
|
+
149.5937,218.4857 Z">
|
|
437
419
|
</path>
|
|
438
420
|
</g>
|
|
439
421
|
</g>
|
|
@@ -540,23 +522,23 @@ const data: CustomData[] = [
|
|
|
540
522
|
<path cx="172.9609375" cy="134" fill="#67abc5 " stroke="#fff" name="Basistarif" color="color-coldplay-fountain" tabindex="-1" data-recharts-item-index="0" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 276.1609,134
|
|
541
523
|
A 103.2,103.2,0,
|
|
542
524
|
0,0,
|
|
543
|
-
|
|
525
|
+
76.5431,97.2053
|
|
544
526
|
L 172.9609,134 Z">
|
|
545
527
|
</path>
|
|
546
528
|
</g>
|
|
547
529
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
548
|
-
<path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M
|
|
530
|
+
<path cx="172.9609375" cy="134" fill="#4eccc1 " stroke="#fff" name="Diesel" color="color-coldplay-turquoise" tabindex="-1" data-recharts-item-index="1" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 76.5431,97.2053
|
|
549
531
|
A 103.2,103.2,0,
|
|
550
532
|
0,0,
|
|
551
|
-
|
|
533
|
+
112.1685,217.3938
|
|
552
534
|
L 172.9609,134 Z">
|
|
553
535
|
</path>
|
|
554
536
|
</g>
|
|
555
537
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
556
|
-
<path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M
|
|
538
|
+
<path cx="172.9609375" cy="134" fill="#a1daa3 " stroke="#fff" name="Maut" color="color-coldplay-moos" tabindex="-1" data-recharts-item-index="2" data-recharts-item-id="recharts-pie-:r2:" class="recharts-sector" d="M 112.1685,217.3938
|
|
557
539
|
A 103.2,103.2,0,
|
|
558
540
|
0,0,
|
|
559
|
-
|
|
541
|
+
183.8676,236.6221
|
|
560
542
|
L 172.9609,134 Z">
|
|
561
543
|
</path>
|
|
562
544
|
</g>
|
|
@@ -630,14 +612,7 @@ const data: CustomData[] = [
|
|
|
630
612
|
|
|
631
613
|
### Example: Basistarif
|
|
632
614
|
|
|
633
|
-
PieChart with custom
|
|
634
|
-
Diesel
|
|
635
|
-
Maut
|
|
636
|
-
Zuschläge
|
|
637
|
-
|
|
638
|
-
#### Summary
|
|
639
|
-
|
|
640
|
-
PieChart with custom legendBasistarif
|
|
615
|
+
PieChart with custom legend Basistarif
|
|
641
616
|
Diesel
|
|
642
617
|
Maut
|
|
643
618
|
Zuschläge
|
|
@@ -936,8 +911,8 @@ const data: CustomData[] = [
|
|
|
936
911
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
|
|
937
912
|
A 110,110,0,
|
|
938
913
|
1,0,
|
|
939
|
-
126.
|
|
940
|
-
L
|
|
914
|
+
126.5102,205.2927
|
|
915
|
+
L 146.1319,201.4213
|
|
941
916
|
A 90,90,0,
|
|
942
917
|
1,1,
|
|
943
918
|
324.4297,184 Z">
|
|
@@ -945,8 +920,8 @@ const data: CustomData[] = [
|
|
|
945
920
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
|
|
946
921
|
A 120,120,0,
|
|
947
922
|
1,0,
|
|
948
|
-
116.
|
|
949
|
-
L 120.
|
|
923
|
+
116.6993,207.2284
|
|
924
|
+
L 120.6237,206.4541
|
|
950
925
|
A 116,116,0,
|
|
951
926
|
1,1,
|
|
952
927
|
350.4297,184 Z">
|
|
@@ -960,36 +935,36 @@ const data: CustomData[] = [
|
|
|
960
935
|
</g>
|
|
961
936
|
</g>
|
|
962
937
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
963
|
-
<path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.
|
|
938
|
+
<path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.7725,210.9116
|
|
964
939
|
A 110,110,0,
|
|
965
940
|
0,0,
|
|
966
|
-
|
|
967
|
-
L
|
|
941
|
+
261.0845,290.7217
|
|
942
|
+
L 256.2382,271.3178
|
|
968
943
|
A 90,90,0,
|
|
969
944
|
0,1,
|
|
970
|
-
|
|
945
|
+
147.1647,206.0186 Z">
|
|
971
946
|
</path>
|
|
972
947
|
</g>
|
|
973
948
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
974
|
-
<path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M
|
|
949
|
+
<path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 266.6334,289.1804
|
|
975
950
|
A 110,110,0,
|
|
976
951
|
0,0,
|
|
977
|
-
|
|
978
|
-
L
|
|
952
|
+
336.183,225.7883
|
|
953
|
+
L 317.6824,218.1904
|
|
979
954
|
A 90,90,0,
|
|
980
955
|
0,1,
|
|
981
|
-
|
|
956
|
+
260.7781,270.0567 Z">
|
|
982
957
|
</path>
|
|
983
958
|
</g>
|
|
984
959
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
985
|
-
<path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M
|
|
960
|
+
<path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 338.2306,220.4057
|
|
986
961
|
A 110,110,0,
|
|
987
962
|
0,0,
|
|
988
|
-
344.
|
|
989
|
-
L 324.
|
|
963
|
+
344.227,190.6745
|
|
964
|
+
L 324.2639,189.461
|
|
990
965
|
A 90,90,0,
|
|
991
966
|
0,1,
|
|
992
|
-
|
|
967
|
+
319.3577,213.7865 Z">
|
|
993
968
|
</path>
|
|
994
969
|
</g>
|
|
995
970
|
</g>
|
|
@@ -1065,12 +1040,6 @@ PieChart with a needle
|
|
|
1065
1040
|
|
|
1066
1041
|
Customer Satisfaction
|
|
1067
1042
|
|
|
1068
|
-
#### Summary
|
|
1069
|
-
|
|
1070
|
-
PieChart with a needle
|
|
1071
|
-
|
|
1072
|
-
Customer Satisfaction
|
|
1073
|
-
|
|
1074
1043
|
#### React (tsx)
|
|
1075
1044
|
|
|
1076
1045
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/popover
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:03.687Z
|
|
7
7
|
|
|
8
8
|
In order to use a Popover on an element, wrap it with the OverlayTrigger component.
|
|
9
9
|
|
|
@@ -18,13 +18,6 @@ Popover on right
|
|
|
18
18
|
Popover on bottom
|
|
19
19
|
Popover on left
|
|
20
20
|
|
|
21
|
-
#### Summary
|
|
22
|
-
|
|
23
|
-
Popover on top
|
|
24
|
-
Popover on right
|
|
25
|
-
Popover on bottom
|
|
26
|
-
Popover on left
|
|
27
|
-
|
|
28
21
|
#### React (tsx)
|
|
29
22
|
|
|
30
23
|
```tsx
|
|
@@ -102,10 +95,6 @@ popperConfig={{
|
|
|
102
95
|
|
|
103
96
|
Click Me
|
|
104
97
|
|
|
105
|
-
#### Summary
|
|
106
|
-
|
|
107
|
-
Click Me
|
|
108
|
-
|
|
109
98
|
#### React (tsx)
|
|
110
99
|
|
|
111
100
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/position
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:02.093Z
|
|
7
7
|
|
|
8
8
|
A helper component to format a latitude / longitude position.
|
|
9
9
|
|
|
@@ -11,11 +11,7 @@ A helper component to format a latitude / longitude position.
|
|
|
11
11
|
|
|
12
12
|
### Example: Example 1
|
|
13
13
|
|
|
14
|
-
N48° 8.246′ E11° 34.529′N52° 7.394′ W12° 14.054′
|
|
15
|
-
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
N48° 8.246′ E11° 34.529′N52° 7.394′ W12° 14.054′
|
|
14
|
+
N48° 8.246′ E11° 34.529′ N52° 7.394′ W12° 14.054′
|
|
19
15
|
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|