@rio-cloud/uikit-mcp 1.1.6 → 1.1.7
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 +18 -18
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/animatedNumber.md +2 -2
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +30 -30
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +77 -60
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +143 -337
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +13 -13
- package/dist/docs/components/barList.md +10 -10
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +1 -9
- package/dist/docs/components/card.md +1 -1
- 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 +2 -2
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/circularProgress.md +6 -6
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +15 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +9 -9
- package/dist/docs/components/datepickers.md +5 -5
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +4353 -4398
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/iconList.md +4 -4
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +4 -4
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +1 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +1 -1
- package/dist/docs/components/saveableInput.md +9 -9
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +1 -1
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +1 -1
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +79 -76
- package/dist/docs/foundations.md +120 -120
- package/dist/docs/start/changelog.md +789 -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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +197 -197
- package/dist/docs/templates/loading-progress.md +1 -1
- 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 +16 -16
- 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/classNames.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- 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/useCookies.md +1 -1
- 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 +1 -1
- 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 +1 -1
- 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/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSearchHighlight.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 +51 -51
- package/dist/docs/utilities/useTableSelection.md +87 -87
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useUrlState.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +1 -1
- package/dist/version.json +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/editableContent
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:16.133Z
|
|
7
7
|
|
|
8
8
|
The EditableContent component allows for inline editing text or other values. To make sure the user can recognize such an element, it's best to mark the text or content with a dotted line depending on the situation and where it is placed. Alternatively, you can place the "pencil" icon next to the content. Especially on mobile where no hover is available, the editable content must be marked permanently.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Show/Hide
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/fade
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:24.625Z
|
|
7
7
|
|
|
8
8
|
The Fade component fades in and out content with a given animation style.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Show/Hide
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/fadeExpander
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:22.049Z
|
|
7
7
|
|
|
8
8
|
The FadeExpander component fades in and expands when the content.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Show/Hide
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/fadeUp
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:23.237Z
|
|
7
7
|
|
|
8
8
|
The FadeUp component fades in when the content appears on the screen. After it faded in, the element will stay on screen. This can be used in a scrolling scenario where elements should fade up when they scroll into view. Using the delay helps to stagger the animation.
|
|
9
9
|
|
|
@@ -356,7 +356,7 @@ export default () => {
|
|
|
356
356
|
<div class="" style="opacity: 1; transform: none;">
|
|
357
357
|
<h1 class="">Lorem ipsum dolor sit amet</h1>
|
|
358
358
|
</div>
|
|
359
|
-
<div class="" style="opacity: 0; transform: translateY(0.
|
|
359
|
+
<div class="" style="opacity: 0; transform: translateY(0.0280765px);">
|
|
360
360
|
<p class="text-color-dark">
|
|
361
361
|
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.</p>
|
|
362
362
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/formLabel
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:43.064Z
|
|
7
7
|
|
|
8
8
|
A small convenience component for a form label or just a label style used without a form element.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* CSS Only
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/iconList
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:49:07.105Z
|
|
7
7
|
|
|
8
8
|
The timeline component is a pure CSS component.
|
|
9
9
|
|
|
@@ -86,19 +86,19 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget ma
|
|
|
86
86
|
</div>
|
|
87
87
|
<ul class="icon-list margin-bottom-0">
|
|
88
88
|
<li>
|
|
89
|
-
<span class="rioglyph rioglyph-
|
|
89
|
+
<span class="rioglyph rioglyph-user margin-top--1">
|
|
90
90
|
</span>
|
|
91
91
|
<span>
|
|
92
92
|
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.</span>
|
|
93
93
|
</li>
|
|
94
94
|
<li>
|
|
95
|
-
<span class="rioglyph rioglyph-
|
|
95
|
+
<span class="rioglyph rioglyph-bus margin-top--1">
|
|
96
96
|
</span>
|
|
97
97
|
<span>
|
|
98
98
|
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.</span>
|
|
99
99
|
</li>
|
|
100
100
|
<li>
|
|
101
|
-
<span class="rioglyph rioglyph-
|
|
101
|
+
<span class="rioglyph rioglyph-van margin-top--1">
|
|
102
102
|
</span>
|
|
103
103
|
<span>
|
|
104
104
|
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.</span>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/imagePreloader
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:55.989Z
|
|
7
7
|
|
|
8
8
|
Use the preloader for controlling the various states when fetching the image. It allows to handle the failure case as well.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/labeledElement
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:44.507Z
|
|
7
7
|
|
|
8
8
|
A simple wrapper component that associates a label with any content, ensuring a unified label style. It simplifies the usage of labels for both form and non-form elements by using the FormLabelcomponent internally. For more flexibility, you can also use it directly when needed.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/licensePlate
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:57.539Z
|
|
7
7
|
|
|
8
8
|
The LicensePlate component is designed to display license plate information with various customization options. It is built with container queries, which ensure that design elements are shown or hidden based on the available space.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/lineCharts
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:49:28.261Z
|
|
7
7
|
|
|
8
8
|
## LineChart
|
|
9
9
|
|
|
@@ -133,7 +133,7 @@ const data: CustomData[] = [
|
|
|
133
133
|
</g>
|
|
134
134
|
<g tabindex="-1">
|
|
135
135
|
<g class="recharts-layer recharts-line">
|
|
136
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r0:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.
|
|
136
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r0:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.9607px 39.42811683349609px" 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>
|
|
@@ -467,7 +467,7 @@ const data: CustomData[] = [
|
|
|
467
467
|
</g>
|
|
468
468
|
<g tabindex="-1">
|
|
469
469
|
<g class="recharts-layer recharts-line">
|
|
470
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="
|
|
470
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r1:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="46.2315px 5.157316833496097px" 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">
|
|
@@ -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" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;">
|
|
1484
|
+
<div xmlns="http://www.w3.org/1999/xhtml" tabindex="-1" class="recharts-tooltip-wrapper recharts-tooltip-wrapper-right recharts-tooltip-wrapper-bottom" style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px; transform: translate(443.758px, 25px);">
|
|
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>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapGettingStarted
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:49:07.908Z
|
|
7
7
|
|
|
8
8
|
HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapMarker
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:49:18.241Z
|
|
7
7
|
|
|
8
8
|
Markers are used to render elements at specific locations on the map. They adapt their position as the user interacts with the map.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapRoute
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:49:39.662Z
|
|
7
7
|
|
|
8
8
|
There are currently 3 different route styles built-in into the map component.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Selection
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/multiselects
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:30.315Z
|
|
7
7
|
|
|
8
8
|
The Multiselect component is a form control and is intended to be used within forms. It's designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/notifications
|
|
6
|
-
*Captured:* 2026-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:58.255Z
|
|
7
7
|
|
|
8
8
|
Hint:Notifications need to be wrapped by a NotificationsContainer inside your application layout body.
|
|
9
9
|
|
|
@@ -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-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:59.125Z
|
|
7
7
|
|
|
8
8
|
Useful when you want to control a single tooltip that highlights a portion of the UI.
|
|
9
9
|
|
|
@@ -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-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:49:28.097Z
|
|
7
7
|
|
|
8
8
|
## PieChart
|
|
9
9
|
|
|
@@ -396,44 +396,44 @@ const data: CustomData[] = [
|
|
|
396
396
|
<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
397
|
A 103.2,103.2,0,
|
|
398
398
|
0,0,
|
|
399
|
-
|
|
400
|
-
L
|
|
399
|
+
87.7398,59.2856
|
|
400
|
+
L 100.2946,72.462
|
|
401
401
|
A 85,85,0,
|
|
402
402
|
0,1,
|
|
403
403
|
243.9297,134 Z">
|
|
404
404
|
</path>
|
|
405
405
|
</g>
|
|
406
406
|
<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
|
|
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 83.9271,63.1138
|
|
408
408
|
A 103.2,103.2,0,
|
|
409
409
|
0,0,
|
|
410
|
-
|
|
411
|
-
L
|
|
410
|
+
61.6054,168.3252
|
|
411
|
+
L 78.7692,162.2718
|
|
412
412
|
A 85,85,0,
|
|
413
413
|
0,1,
|
|
414
|
-
|
|
414
|
+
97.1543,75.615 Z">
|
|
415
415
|
</path>
|
|
416
416
|
</g>
|
|
417
417
|
<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
|
|
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 63.5352,173.3718
|
|
419
419
|
A 103.2,103.2,0,
|
|
420
420
|
0,0,
|
|
421
|
-
|
|
422
|
-
L
|
|
421
|
+
103.9823,221.3557
|
|
422
|
+
L 113.6726,205.95
|
|
423
423
|
A 85,85,0,
|
|
424
424
|
0,1,
|
|
425
|
-
|
|
425
|
+
80.3587,166.4283 Z">
|
|
426
426
|
</path>
|
|
427
427
|
</g>
|
|
428
428
|
<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
|
|
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 108.6294,224.1117
|
|
430
430
|
A 103.2,103.2,0,
|
|
431
431
|
0,0,
|
|
432
|
-
|
|
433
|
-
L
|
|
432
|
+
126.8805,232.0974
|
|
433
|
+
L 132.5326,214.7972
|
|
434
434
|
A 85,85,0,
|
|
435
435
|
0,1,
|
|
436
|
-
|
|
436
|
+
117.5002,208.2199 Z">
|
|
437
437
|
</path>
|
|
438
438
|
</g>
|
|
439
439
|
</g>
|
|
@@ -540,23 +540,23 @@ const data: CustomData[] = [
|
|
|
540
540
|
<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
541
|
A 103.2,103.2,0,
|
|
542
542
|
0,0,
|
|
543
|
-
|
|
543
|
+
88.602,74.5541
|
|
544
544
|
L 172.9609,134 Z">
|
|
545
545
|
</path>
|
|
546
546
|
</g>
|
|
547
547
|
<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
|
|
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 88.602,74.5541
|
|
549
549
|
A 103.2,103.2,0,
|
|
550
550
|
0,0,
|
|
551
|
-
|
|
551
|
+
86.3222,190.0712
|
|
552
552
|
L 172.9609,134 Z">
|
|
553
553
|
</path>
|
|
554
554
|
</g>
|
|
555
555
|
<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
|
|
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 86.3222,190.0712
|
|
557
557
|
A 103.2,103.2,0,
|
|
558
558
|
0,0,
|
|
559
|
-
|
|
559
|
+
139.8459,231.7427
|
|
560
560
|
L 172.9609,134 Z">
|
|
561
561
|
</path>
|
|
562
562
|
</g>
|
|
@@ -936,8 +936,8 @@ const data: CustomData[] = [
|
|
|
936
936
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 344.4297,184
|
|
937
937
|
A 110,110,0,
|
|
938
938
|
1,0,
|
|
939
|
-
|
|
940
|
-
L 145.
|
|
939
|
+
126.2144,203.7345
|
|
940
|
+
L 145.8899,200.1464
|
|
941
941
|
A 90,90,0,
|
|
942
942
|
1,1,
|
|
943
943
|
324.4297,184 Z">
|
|
@@ -945,8 +945,8 @@ const data: CustomData[] = [
|
|
|
945
945
|
<path cx="234.4296875" cy="184" fill="#67abc5 " class="recharts-sector" d="M 354.4297,184
|
|
946
946
|
A 120,120,0,
|
|
947
947
|
1,0,
|
|
948
|
-
|
|
949
|
-
L
|
|
948
|
+
116.3766,205.5286
|
|
949
|
+
L 120.3118,204.811
|
|
950
950
|
A 116,116,0,
|
|
951
951
|
1,1,
|
|
952
952
|
350.4297,184 Z">
|
|
@@ -960,36 +960,36 @@ const data: CustomData[] = [
|
|
|
960
960
|
</g>
|
|
961
961
|
</g>
|
|
962
962
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
963
|
-
<path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M
|
|
963
|
+
<path cx="234.4296875" cy="184" fill="#4eccc1 " class="recharts-sector" d="M 127.3955,209.371
|
|
964
964
|
A 110,110,0,
|
|
965
965
|
0,0,
|
|
966
|
-
|
|
967
|
-
L
|
|
966
|
+
258.8167,291.2626
|
|
967
|
+
L 254.3827,271.7603
|
|
968
968
|
A 90,90,0,
|
|
969
969
|
0,1,
|
|
970
|
-
146.
|
|
970
|
+
146.8563,204.7581 Z">
|
|
971
971
|
</path>
|
|
972
972
|
</g>
|
|
973
973
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
974
|
-
<path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M
|
|
974
|
+
<path cx="234.4296875" cy="184" fill="#a1daa3 " class="recharts-sector" d="M 264.397,289.8393
|
|
975
975
|
A 110,110,0,
|
|
976
976
|
0,0,
|
|
977
|
-
|
|
978
|
-
L
|
|
977
|
+
335.1059,228.3204
|
|
978
|
+
L 316.8011,220.2622
|
|
979
979
|
A 90,90,0,
|
|
980
980
|
0,1,
|
|
981
|
-
|
|
981
|
+
258.9484,270.5958 Z">
|
|
982
982
|
</path>
|
|
983
983
|
</g>
|
|
984
984
|
<g class="recharts-layer recharts-pie-sector" tabindex="-1">
|
|
985
|
-
<path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M
|
|
985
|
+
<path cx="234.4296875" cy="184" fill="#ff8e3c " class="recharts-sector" d="M 337.2875,222.9907
|
|
986
986
|
A 110,110,0,
|
|
987
987
|
0,0,
|
|
988
|
-
|
|
989
|
-
L
|
|
988
|
+
344.0144,193.5498
|
|
989
|
+
L 324.0899,191.8135
|
|
990
990
|
A 90,90,0,
|
|
991
991
|
0,1,
|
|
992
|
-
|
|
992
|
+
318.5861,215.9015 Z">
|
|
993
993
|
</path>
|
|
994
994
|
</g>
|
|
995
995
|
</g>
|
|
@@ -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-02-
|
|
6
|
+
*Captured:* 2026-02-23T15:48:59.749Z
|
|
7
7
|
|
|
8
8
|
In order to use a Popover on an element, wrap it with the OverlayTrigger component.
|
|
9
9
|
|