@rio-cloud/uikit-mcp 1.1.1 → 1.1.3
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 +40 -50
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/animatedNumber.md +3 -3
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +31 -31
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +143 -34
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +6 -6
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +282 -176
- 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 +70 -70
- package/dist/docs/components/barList.md +11 -11
- package/dist/docs/components/basicMap.md +7 -7
- 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 +107 -131
- 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/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +48 -48
- package/dist/docs/components/contentLoader.md +101 -101
- package/dist/docs/components/dataTabs.md +8 -8
- package/dist/docs/components/datepickers.md +724 -724
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +4359 -4356
- 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 +3 -3
- 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 +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 +3 -3
- package/dist/docs/components/mapPolygon.md +5 -5
- package/dist/docs/components/mapRoute.md +13 -13
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +11 -11
- 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/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 +277 -277
- 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/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/virtualList.md +72 -72
- package/dist/docs/foundations.md +169 -169
- package/dist/docs/start/changelog.md +7 -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 +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 +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/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/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 -57
- 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 +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/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:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/editableContent
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:16.758Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:24.585Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:21.775Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:22.807Z
|
|
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
|
|
|
@@ -358,7 +358,7 @@ export default () => {
|
|
|
358
358
|
<div class="" style="opacity: 1; transform: none;">
|
|
359
359
|
<h1 class="">Lorem ipsum dolor sit amet</h1>
|
|
360
360
|
</div>
|
|
361
|
-
<div class="" style="opacity: 0; transform: translateY(
|
|
361
|
+
<div class="" style="opacity: 0; transform: translateY(0.0086581px);">
|
|
362
362
|
<p class="text-color-dark">
|
|
363
363
|
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>
|
|
364
364
|
</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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:39.829Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:02.576Z
|
|
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-van 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-user 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-car 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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:52.742Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:41.188Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:11:52.942Z
|
|
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:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:23.842Z
|
|
7
7
|
|
|
8
8
|
## LineChart
|
|
9
9
|
|
|
@@ -133,7 +133,7 @@ const data: CustomData[] = [
|
|
|
133
133
|
</g>
|
|
134
134
|
<g tabindex="-1" id="recharts-zindex-400-:r7:">
|
|
135
135
|
<g class="recharts-layer recharts-line">
|
|
136
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r3:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="
|
|
136
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r3:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="11.945606280363632px 39.44321055313246px" 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" id="recharts-zindex-400-:rk:">
|
|
469
469
|
<g class="recharts-layer recharts-line">
|
|
470
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:rg:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="
|
|
470
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:rg:" height="108" width="438" class="recharts-curve recharts-line-curve" stroke-dasharray="46.72714734947786px 4.661669484018233px" 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">
|
|
@@ -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-07T12:12:15.183Z
|
|
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-07T12:12:13.962Z
|
|
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-07T12:12:17.002Z
|
|
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-07T12:12:05.330Z
|
|
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-07T12:12:03.149Z
|
|
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,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapInfoBubble
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:15.366Z
|
|
7
7
|
|
|
8
8
|
## InfoBubble
|
|
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 @@ Toggle info
|
|
|
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,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapLayerGroup
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:14.190Z
|
|
7
7
|
|
|
8
8
|
## MapLayerGroup
|
|
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,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapMarker
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:13.667Z
|
|
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
|
|
|
@@ -17,7 +17,7 @@ It's possible to share icon instances between different markers. This can be use
|
|
|
17
17
|
|
|
18
18
|
### Example: Example 1
|
|
19
19
|
|
|
20
|
-
Terms of use© 1987–
|
|
20
|
+
Terms of use© 1987–2026 HERE
|
|
21
21
|
|
|
22
22
|
10 km
|
|
23
23
|
|
|
@@ -30,7 +30,7 @@ Show traffic incidents
|
|
|
30
30
|
|
|
31
31
|
#### Summary
|
|
32
32
|
|
|
33
|
-
Terms of use© 1987–
|
|
33
|
+
Terms of use© 1987–2026 HERE
|
|
34
34
|
|
|
35
35
|
10 km
|
|
36
36
|
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapPolygon
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:21.162Z
|
|
7
7
|
|
|
8
8
|
## Polygon
|
|
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
|
200 m
|
|
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
|
200 m
|
|
28
28
|
|
|
@@ -221,7 +221,7 @@ color-highlight-lighter
|
|
|
221
221
|
color-highlight-lightest
|
|
222
222
|
color-highlight-decent
|
|
223
223
|
|
|
224
|
-
Terms of use© 1987–
|
|
224
|
+
Terms of use© 1987–2026 HERE
|
|
225
225
|
|
|
226
226
|
50 km
|
|
227
227
|
|
|
@@ -302,7 +302,7 @@ color-highlight-lighter
|
|
|
302
302
|
color-highlight-lightest
|
|
303
303
|
color-highlight-decent
|
|
304
304
|
|
|
305
|
-
Terms of use© 1987–
|
|
305
|
+
Terms of use© 1987–2026 HERE
|
|
306
306
|
|
|
307
307
|
50 km
|
|
308
308
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/mapRoute
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-07T12:12:33.017Z
|
|
7
7
|
|
|
8
8
|
There are currently 3 different route styles built-in into the map component.
|
|
9
9
|
|
|
@@ -15,7 +15,7 @@ The "alternativeRoute" style is meant for route planning cases and shall show al
|
|
|
15
15
|
|
|
16
16
|
### Example: Example 1
|
|
17
17
|
|
|
18
|
-
Terms of use© 1987–
|
|
18
|
+
Terms of use© 1987–2026 HERE
|
|
19
19
|
|
|
20
20
|
10 km
|
|
21
21
|
|
|
@@ -28,7 +28,7 @@ Show traffic incidents
|
|
|
28
28
|
|
|
29
29
|
#### Summary
|
|
30
30
|
|
|
31
|
-
Terms of use© 1987–
|
|
31
|
+
Terms of use© 1987–2026 HERE
|
|
32
32
|
|
|
33
33
|
10 km
|
|
34
34
|
|
|
@@ -255,7 +255,7 @@ export default RouteExample;
|
|
|
255
255
|
|
|
256
256
|
### Example: Example 2
|
|
257
257
|
|
|
258
|
-
Terms of use© 1987–
|
|
258
|
+
Terms of use© 1987–2026 HERE
|
|
259
259
|
|
|
260
260
|
10 km
|
|
261
261
|
|
|
@@ -270,7 +270,7 @@ Change routeToggle route
|
|
|
270
270
|
|
|
271
271
|
#### Summary
|
|
272
272
|
|
|
273
|
-
Terms of use© 1987–
|
|
273
|
+
Terms of use© 1987–2026 HERE
|
|
274
274
|
|
|
275
275
|
10 km
|
|
276
276
|
|
|
@@ -417,7 +417,7 @@ export default RouteWithChangingGeometryExample;
|
|
|
417
417
|
|
|
418
418
|
### Example: Example 3
|
|
419
419
|
|
|
420
|
-
Terms of use© 1987–
|
|
420
|
+
Terms of use© 1987–2026 HERE
|
|
421
421
|
|
|
422
422
|
10 km
|
|
423
423
|
|
|
@@ -432,7 +432,7 @@ Toggle reduced styleToggle arrows
|
|
|
432
432
|
|
|
433
433
|
#### Summary
|
|
434
434
|
|
|
435
|
-
Terms of use© 1987–
|
|
435
|
+
Terms of use© 1987–2026 HERE
|
|
436
436
|
|
|
437
437
|
10 km
|
|
438
438
|
|
|
@@ -556,7 +556,7 @@ export default RouteWithChangingStylesExample;
|
|
|
556
556
|
|
|
557
557
|
### Example: Example 4
|
|
558
558
|
|
|
559
|
-
Terms of use© 1987–
|
|
559
|
+
Terms of use© 1987–2026 HERE
|
|
560
560
|
|
|
561
561
|
10 km
|
|
562
562
|
|
|
@@ -569,7 +569,7 @@ Show traffic incidents
|
|
|
569
569
|
|
|
570
570
|
#### Summary
|
|
571
571
|
|
|
572
|
-
Terms of use© 1987–
|
|
572
|
+
Terms of use© 1987–2026 HERE
|
|
573
573
|
|
|
574
574
|
10 km
|
|
575
575
|
|
|
@@ -719,7 +719,7 @@ export default () => {
|
|
|
719
719
|
|
|
720
720
|
### Example: Example 5
|
|
721
721
|
|
|
722
|
-
Terms of use© 1987–
|
|
722
|
+
Terms of use© 1987–2026 HERE
|
|
723
723
|
|
|
724
724
|
10 km
|
|
725
725
|
|
|
@@ -732,7 +732,7 @@ Show traffic incidents
|
|
|
732
732
|
|
|
733
733
|
#### Summary
|
|
734
734
|
|
|
735
|
-
Terms of use© 1987–
|
|
735
|
+
Terms of use© 1987–2026 HERE
|
|
736
736
|
|
|
737
737
|
10 km
|
|
738
738
|
|
|
@@ -877,7 +877,7 @@ export default () => {
|
|
|
877
877
|
|
|
878
878
|
### Example: Example 6
|
|
879
879
|
|
|
880
|
-
Terms of use© 1987–
|
|
880
|
+
Terms of use© 1987–2026 HERE
|
|
881
881
|
|
|
882
882
|
10 km
|
|
883
883
|
|
|
@@ -2207,7 +2207,7 @@ Segments are separate parts of the route, each containing a list of points, whic
|
|
|
2207
2207
|
|
|
2208
2208
|
#### Summary
|
|
2209
2209
|
|
|
2210
|
-
Terms of use© 1987–
|
|
2210
|
+
Terms of use© 1987–2026 HERE
|
|
2211
2211
|
|
|
2212
2212
|
10 km
|
|
2213
2213
|
|