@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,25 +3,15 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/loadMore
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:09.969Z
|
|
7
7
|
|
|
8
8
|
## LoadMoreButton
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
50/150
|
|
12
|
+
50 / 150
|
|
13
13
|
|
|
14
|
-
Load more
|
|
15
|
-
|
|
16
|
-
Reset
|
|
17
|
-
|
|
18
|
-
#### Summary
|
|
19
|
-
|
|
20
|
-
50/150
|
|
21
|
-
|
|
22
|
-
Load more
|
|
23
|
-
|
|
24
|
-
Reset
|
|
14
|
+
Load more Reset
|
|
25
15
|
|
|
26
16
|
#### React (tsx)
|
|
27
17
|
|
|
@@ -108,21 +98,12 @@ export default () => {
|
|
|
108
98
|
|
|
109
99
|
### Example: Example 2
|
|
110
100
|
|
|
111
|
-
20/100
|
|
112
|
-
|
|
113
|
-
Showing limited result.
|
|
114
|
-
Use filters to narrow down the result.
|
|
115
|
-
|
|
116
|
-
ResetLoad more
|
|
117
|
-
|
|
118
|
-
#### Summary
|
|
119
|
-
|
|
120
|
-
20/100
|
|
101
|
+
20 / 100
|
|
121
102
|
|
|
122
103
|
Showing limited result.
|
|
123
104
|
Use filters to narrow down the result.
|
|
124
105
|
|
|
125
|
-
|
|
106
|
+
Reset Load more
|
|
126
107
|
|
|
127
108
|
#### React (tsx)
|
|
128
109
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Navigation
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mainNavigation
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:39:59.855Z
|
|
7
7
|
|
|
8
8
|
## MainNavigation
|
|
9
9
|
|
|
@@ -17,14 +17,6 @@ Navigation 1
|
|
|
17
17
|
Navigation 2
|
|
18
18
|
Navigation 3
|
|
19
19
|
|
|
20
|
-
#### Summary
|
|
21
|
-
|
|
22
|
-
RIO Service
|
|
23
|
-
|
|
24
|
-
Navigation 1
|
|
25
|
-
Navigation 2
|
|
26
|
-
Navigation 3
|
|
27
|
-
|
|
28
20
|
#### React (tsx)
|
|
29
21
|
|
|
30
22
|
```tsx
|
|
@@ -3,35 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapCircle
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:18.987Z
|
|
7
7
|
|
|
8
8
|
## Circle
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–2026 HERE
|
|
13
12
|
|
|
14
|
-
10 km
|
|
15
|
-
|
|
16
|
-
Choose view
|
|
17
|
-
Map view
|
|
18
|
-
Satellite
|
|
19
|
-
|
|
20
|
-
Traffic conditions
|
|
21
|
-
Show traffic incidents
|
|
22
|
-
|
|
23
|
-
#### Summary
|
|
24
|
-
|
|
25
|
-
Terms of use© 1987–2026 HERE
|
|
26
|
-
|
|
27
|
-
10 km
|
|
28
|
-
|
|
29
|
-
Choose view
|
|
30
|
-
Map view
|
|
31
|
-
Satellite
|
|
32
|
-
|
|
33
|
-
Traffic conditions
|
|
34
|
-
Show traffic incidents
|
|
35
13
|
|
|
36
14
|
#### React (tsx)
|
|
37
15
|
|
|
@@ -3,39 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapCluster
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:15.985Z
|
|
7
7
|
|
|
8
8
|
## Clusters
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
50 km
|
|
15
|
-
|
|
16
|
-
Choose view
|
|
17
|
-
Map view
|
|
18
|
-
Satellite
|
|
19
|
-
|
|
20
|
-
Traffic conditions
|
|
21
|
-
Show traffic incidents
|
|
22
|
-
|
|
23
|
-
Regenerate dataToggle cluster
|
|
24
|
-
|
|
25
|
-
#### Summary
|
|
26
|
-
|
|
27
|
-
Terms of use© 1987–2026 HERE
|
|
28
|
-
|
|
29
|
-
50 km
|
|
30
|
-
|
|
31
|
-
Choose view
|
|
32
|
-
Map view
|
|
33
|
-
Satellite
|
|
34
|
-
|
|
35
|
-
Traffic conditions
|
|
36
|
-
Show traffic incidents
|
|
37
|
-
|
|
38
|
-
Regenerate dataToggle cluster
|
|
12
|
+
Regenerate data Toggle cluster
|
|
39
13
|
|
|
40
14
|
#### React (tsx)
|
|
41
15
|
|
|
@@ -166,32 +140,6 @@ export default ClustersExample;
|
|
|
166
140
|
|
|
167
141
|
### Example: Example 2
|
|
168
142
|
|
|
169
|
-
Terms of use© 1987–2026 HERE
|
|
170
|
-
|
|
171
|
-
50 km
|
|
172
|
-
|
|
173
|
-
Choose view
|
|
174
|
-
Map view
|
|
175
|
-
Satellite
|
|
176
|
-
|
|
177
|
-
Traffic conditions
|
|
178
|
-
Show traffic incidents
|
|
179
|
-
|
|
180
|
-
Regenerate data
|
|
181
|
-
|
|
182
|
-
#### Summary
|
|
183
|
-
|
|
184
|
-
Terms of use© 1987–2026 HERE
|
|
185
|
-
|
|
186
|
-
50 km
|
|
187
|
-
|
|
188
|
-
Choose view
|
|
189
|
-
Map view
|
|
190
|
-
Satellite
|
|
191
|
-
|
|
192
|
-
Traffic conditions
|
|
193
|
-
Show traffic incidents
|
|
194
|
-
|
|
195
143
|
Regenerate data
|
|
196
144
|
|
|
197
145
|
#### React (tsx)
|
|
@@ -3,35 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapContext
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:21.788Z
|
|
7
7
|
|
|
8
8
|
## Map
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–2026 HERE
|
|
13
12
|
|
|
14
|
-
10 km
|
|
15
|
-
|
|
16
|
-
Choose view
|
|
17
|
-
Map view
|
|
18
|
-
Satellite
|
|
19
|
-
|
|
20
|
-
Traffic conditions
|
|
21
|
-
Show traffic incidents
|
|
22
|
-
|
|
23
|
-
#### Summary
|
|
24
|
-
|
|
25
|
-
Terms of use© 1987–2026 HERE
|
|
26
|
-
|
|
27
|
-
10 km
|
|
28
|
-
|
|
29
|
-
Choose view
|
|
30
|
-
Map view
|
|
31
|
-
Satellite
|
|
32
|
-
|
|
33
|
-
Traffic conditions
|
|
34
|
-
Show traffic incidents
|
|
35
13
|
|
|
36
14
|
#### React (tsx)
|
|
37
15
|
|
|
@@ -3,39 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapDraggableMarker
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:15.748Z
|
|
7
7
|
|
|
8
8
|
## Draggable marker
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
10 km
|
|
15
|
-
|
|
16
|
-
Choose view
|
|
17
|
-
Map view
|
|
18
|
-
Satellite
|
|
19
|
-
|
|
20
|
-
Traffic conditions
|
|
21
|
-
Show traffic incidents
|
|
22
|
-
|
|
23
|
-
Marker position{"lat":48.16,"lng":11.38}
|
|
24
|
-
|
|
25
|
-
#### Summary
|
|
26
|
-
|
|
27
|
-
Terms of use© 1987–2026 HERE
|
|
28
|
-
|
|
29
|
-
10 km
|
|
30
|
-
|
|
31
|
-
Choose view
|
|
32
|
-
Map view
|
|
33
|
-
Satellite
|
|
34
|
-
|
|
35
|
-
Traffic conditions
|
|
36
|
-
Show traffic incidents
|
|
37
|
-
|
|
38
|
-
Marker position{"lat":48.16,"lng":11.38}
|
|
12
|
+
Marker position {"lat":48.16,"lng":11.38}
|
|
39
13
|
|
|
40
14
|
#### React (tsx)
|
|
41
15
|
|
|
@@ -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-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:14.068Z
|
|
7
7
|
|
|
8
8
|
HERE Maps credentials used in the UIKIT demo are not allowed to be used in any production environment!
|
|
9
9
|
|
|
@@ -36,4 +36,4 @@ As the UIKIT Map component relies on the map scripts from Here, we need to add t
|
|
|
36
36
|
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
-
Map API VersionBy default, the map imports use the map version 3.1. However, this version is not a fixed version as it will be resolved to an internal version by Here. This means version 3.1 is treated as an evergreen version.If you encounter any instability or even bugs with the map itself, it is recommended to set the version fixed in the imports and check for a newer version on demand.More details can be found on the Here Developer PlatformFor example
|
|
39
|
+
Map API VersionBy default, the map imports use the map version 3.1. However, this version is not a fixed version as it will be resolved to an internal version by Here. This means version 3.1 is treated as an evergreen version.If you encounter any instability or even bugs with the map itself, it is recommended to set the version fixed in the imports and check for a newer version on demand.More details can be found on the Here Developer PlatformFor example<script src="https://js.api.here.com/v3/3.1.11.2/mapsjs-core.js"></script>
|
|
@@ -3,38 +3,12 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapInfoBubble
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:19.613Z
|
|
7
7
|
|
|
8
8
|
## InfoBubble
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–2026 HERE
|
|
13
|
-
|
|
14
|
-
10 km
|
|
15
|
-
|
|
16
|
-
Ansicht auswählen
|
|
17
|
-
Kartenansicht
|
|
18
|
-
Satellit
|
|
19
|
-
|
|
20
|
-
Verkehrslage
|
|
21
|
-
Verkehrsstörungen anzeigen
|
|
22
|
-
|
|
23
|
-
Toggle info
|
|
24
|
-
|
|
25
|
-
#### Summary
|
|
26
|
-
|
|
27
|
-
Terms of use© 1987–2026 HERE
|
|
28
|
-
|
|
29
|
-
10 km
|
|
30
|
-
|
|
31
|
-
Ansicht auswählen
|
|
32
|
-
Kartenansicht
|
|
33
|
-
Satellit
|
|
34
|
-
|
|
35
|
-
Verkehrslage
|
|
36
|
-
Verkehrsstörungen anzeigen
|
|
37
|
-
|
|
38
12
|
Toggle info
|
|
39
13
|
|
|
40
14
|
#### React (tsx)
|
|
@@ -3,35 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapLayerGroup
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:17.241Z
|
|
7
7
|
|
|
8
8
|
## MapLayerGroup
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–2026 HERE
|
|
13
12
|
|
|
14
|
-
10 km
|
|
15
|
-
|
|
16
|
-
Choose view
|
|
17
|
-
Map view
|
|
18
|
-
Satellite
|
|
19
|
-
|
|
20
|
-
Traffic conditions
|
|
21
|
-
Show traffic incidents
|
|
22
|
-
|
|
23
|
-
#### Summary
|
|
24
|
-
|
|
25
|
-
Terms of use© 1987–2026 HERE
|
|
26
|
-
|
|
27
|
-
10 km
|
|
28
|
-
|
|
29
|
-
Choose view
|
|
30
|
-
Map view
|
|
31
|
-
Satellite
|
|
32
|
-
|
|
33
|
-
Traffic conditions
|
|
34
|
-
Show traffic incidents
|
|
35
13
|
|
|
36
14
|
#### React (tsx)
|
|
37
15
|
|
|
@@ -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-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:21.198Z
|
|
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,29 +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–2026 HERE
|
|
21
20
|
|
|
22
|
-
10 km
|
|
23
|
-
|
|
24
|
-
Choose view
|
|
25
|
-
Map view
|
|
26
|
-
Satellite
|
|
27
|
-
|
|
28
|
-
Traffic conditions
|
|
29
|
-
Show traffic incidents
|
|
30
|
-
|
|
31
|
-
#### Summary
|
|
32
|
-
|
|
33
|
-
Terms of use© 1987–2026 HERE
|
|
34
|
-
|
|
35
|
-
10 km
|
|
36
|
-
|
|
37
|
-
Choose view
|
|
38
|
-
Map view
|
|
39
|
-
Satellite
|
|
40
|
-
|
|
41
|
-
Traffic conditions
|
|
42
|
-
Show traffic incidents
|
|
43
21
|
|
|
44
22
|
#### React (tsx)
|
|
45
23
|
|
|
@@ -452,20 +430,6 @@ Vehicle
|
|
|
452
430
|
|
|
453
431
|
The hover state is triggered on mouse hover or by adding the class hover
|
|
454
432
|
|
|
455
|
-
#### Summary
|
|
456
|
-
|
|
457
|
-
Vehicle
|
|
458
|
-
|
|
459
|
-
Vehicle
|
|
460
|
-
2
|
|
461
|
-
1
|
|
462
|
-
|
|
463
|
-
Vehicle
|
|
464
|
-
2
|
|
465
|
-
1
|
|
466
|
-
|
|
467
|
-
The hover state is triggered on mouse hover or by adding the class hover
|
|
468
|
-
|
|
469
433
|
#### React (tsx)
|
|
470
434
|
|
|
471
435
|
```tsx
|
|
@@ -614,22 +578,6 @@ Vehicle
|
|
|
614
578
|
|
|
615
579
|
To activate the active state of any marker you have to add the class active
|
|
616
580
|
|
|
617
|
-
#### Summary
|
|
618
|
-
|
|
619
|
-
Vehicle
|
|
620
|
-
2
|
|
621
|
-
1
|
|
622
|
-
|
|
623
|
-
Vehicle
|
|
624
|
-
|
|
625
|
-
Vehicle
|
|
626
|
-
|
|
627
|
-
Vehicle
|
|
628
|
-
2
|
|
629
|
-
1
|
|
630
|
-
|
|
631
|
-
To activate the active state of any marker you have to add the class active
|
|
632
|
-
|
|
633
581
|
#### React (tsx)
|
|
634
582
|
|
|
635
583
|
```tsx
|
|
@@ -809,20 +757,6 @@ Max height 2.5m
|
|
|
809
757
|
|
|
810
758
|
236km
|
|
811
759
|
|
|
812
|
-
#### Summary
|
|
813
|
-
|
|
814
|
-
236km
|
|
815
|
-
|
|
816
|
-
Vehicle
|
|
817
|
-
|
|
818
|
-
POI
|
|
819
|
-
|
|
820
|
-
Geofence
|
|
821
|
-
|
|
822
|
-
Max height 2.5m
|
|
823
|
-
|
|
824
|
-
236km
|
|
825
|
-
|
|
826
760
|
#### React (tsx)
|
|
827
761
|
|
|
828
762
|
```tsx
|
|
@@ -1187,12 +1121,6 @@ Vehicle
|
|
|
1187
1121
|
|
|
1188
1122
|
Vehicle
|
|
1189
1123
|
|
|
1190
|
-
#### Summary
|
|
1191
|
-
|
|
1192
|
-
Vehicle
|
|
1193
|
-
|
|
1194
|
-
Vehicle
|
|
1195
|
-
|
|
1196
1124
|
#### React (tsx)
|
|
1197
1125
|
|
|
1198
1126
|
```tsx
|
|
@@ -1465,14 +1393,6 @@ Vehicle
|
|
|
1465
1393
|
|
|
1466
1394
|
The animation plays automatically when using the SingleMapMarker prop pinging
|
|
1467
1395
|
|
|
1468
|
-
#### Summary
|
|
1469
|
-
|
|
1470
|
-
Vehicle
|
|
1471
|
-
|
|
1472
|
-
Vehicle
|
|
1473
|
-
|
|
1474
|
-
The animation plays automatically when using the SingleMapMarker prop pinging
|
|
1475
|
-
|
|
1476
1396
|
#### React (tsx)
|
|
1477
1397
|
|
|
1478
1398
|
```tsx
|
|
@@ -1644,24 +1564,6 @@ export default () => (
|
|
|
1644
1564
|
|
|
1645
1565
|
100
|
|
1646
1566
|
|
|
1647
|
-
#### Summary
|
|
1648
|
-
|
|
1649
|
-
100
|
|
1650
|
-
|
|
1651
|
-
10
|
|
1652
|
-
25
|
|
1653
|
-
|
|
1654
|
-
100
|
|
1655
|
-
|
|
1656
|
-
10
|
|
1657
|
-
25
|
|
1658
|
-
|
|
1659
|
-
100
|
|
1660
|
-
|
|
1661
|
-
100
|
|
1662
|
-
|
|
1663
|
-
100
|
|
1664
|
-
|
|
1665
1567
|
#### React (tsx)
|
|
1666
1568
|
|
|
1667
1569
|
```tsx
|
|
@@ -3,35 +3,13 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Map
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/mapPolygon
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:20.236Z
|
|
7
7
|
|
|
8
8
|
## Polygon
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Terms of use© 1987–2026 HERE
|
|
13
12
|
|
|
14
|
-
200 m
|
|
15
|
-
|
|
16
|
-
Choose view
|
|
17
|
-
Map view
|
|
18
|
-
Satellite
|
|
19
|
-
|
|
20
|
-
Traffic conditions
|
|
21
|
-
Show traffic incidents
|
|
22
|
-
|
|
23
|
-
#### Summary
|
|
24
|
-
|
|
25
|
-
Terms of use© 1987–2026 HERE
|
|
26
|
-
|
|
27
|
-
200 m
|
|
28
|
-
|
|
29
|
-
Choose view
|
|
30
|
-
Map view
|
|
31
|
-
Satellite
|
|
32
|
-
|
|
33
|
-
Traffic conditions
|
|
34
|
-
Show traffic incidents
|
|
35
13
|
|
|
36
14
|
#### React (tsx)
|
|
37
15
|
|
|
@@ -151,7 +129,7 @@ export default () => {
|
|
|
151
129
|
|
|
152
130
|
### Example: Example 2
|
|
153
131
|
|
|
154
|
-
|
|
132
|
+
Color color-warmup-salmon Coldplay
|
|
155
133
|
color-coldplay-wine
|
|
156
134
|
color-coldplay-aubergine
|
|
157
135
|
color-coldplay-kashmir
|
|
@@ -219,98 +197,6 @@ color-highlight-lighter
|
|
|
219
197
|
color-highlight-lightest
|
|
220
198
|
color-highlight-decent
|
|
221
199
|
|
|
222
|
-
Terms of use© 1987–2026 HERE
|
|
223
|
-
|
|
224
|
-
50 km
|
|
225
|
-
|
|
226
|
-
Choose view
|
|
227
|
-
Map view
|
|
228
|
-
Satellite
|
|
229
|
-
|
|
230
|
-
Traffic conditions
|
|
231
|
-
Show traffic incidents
|
|
232
|
-
|
|
233
|
-
#### Summary
|
|
234
|
-
|
|
235
|
-
Colorcolor-warmup-salmonColdplay
|
|
236
|
-
color-coldplay-wine
|
|
237
|
-
color-coldplay-aubergine
|
|
238
|
-
color-coldplay-kashmir
|
|
239
|
-
color-coldplay-fountain
|
|
240
|
-
color-coldplay-turquoise
|
|
241
|
-
color-coldplay-bermuda
|
|
242
|
-
color-coldplay-moos
|
|
243
|
-
color-coldplay-primrose
|
|
244
|
-
color-coldplay-khaki
|
|
245
|
-
Warmup
|
|
246
|
-
color-warmup-crimson
|
|
247
|
-
color-warmup-victoria
|
|
248
|
-
color-warmup-cadillac
|
|
249
|
-
color-warmup-raspberry
|
|
250
|
-
color-warmup-cerise
|
|
251
|
-
color-warmup-charm
|
|
252
|
-
color-warmup-salmon
|
|
253
|
-
color-warmup-cherokee
|
|
254
|
-
color-warmup-corn
|
|
255
|
-
Gray
|
|
256
|
-
gray-darkest
|
|
257
|
-
gray-darker
|
|
258
|
-
gray-dark
|
|
259
|
-
gray
|
|
260
|
-
gray-light
|
|
261
|
-
gray-lighter
|
|
262
|
-
gray-lightest
|
|
263
|
-
gray-decent
|
|
264
|
-
Brand
|
|
265
|
-
brand-primary
|
|
266
|
-
brand-secondary
|
|
267
|
-
brand-info
|
|
268
|
-
brand-success
|
|
269
|
-
brand-warning
|
|
270
|
-
brand-danger
|
|
271
|
-
Status
|
|
272
|
-
color-status-available
|
|
273
|
-
color-status-driving
|
|
274
|
-
color-status-resting
|
|
275
|
-
color-status-working
|
|
276
|
-
Map Marker
|
|
277
|
-
color-map-marker-text
|
|
278
|
-
color-map-marker-active
|
|
279
|
-
color-map-marker-asset
|
|
280
|
-
color-map-marker-poi
|
|
281
|
-
color-map-marker-geofence
|
|
282
|
-
color-map-marker-route
|
|
283
|
-
color-map-marker-info
|
|
284
|
-
color-map-marker-success
|
|
285
|
-
color-map-marker-warning
|
|
286
|
-
color-map-marker-danger
|
|
287
|
-
Rating
|
|
288
|
-
color-rating-1
|
|
289
|
-
color-rating-2
|
|
290
|
-
color-rating-3
|
|
291
|
-
color-rating-4
|
|
292
|
-
color-rating-5
|
|
293
|
-
Highlight
|
|
294
|
-
color-highlight-darkest
|
|
295
|
-
color-highlight-darker
|
|
296
|
-
color-highlight-dark
|
|
297
|
-
color-highlight
|
|
298
|
-
color-highlight-light
|
|
299
|
-
color-highlight-lighter
|
|
300
|
-
color-highlight-lightest
|
|
301
|
-
color-highlight-decent
|
|
302
|
-
|
|
303
|
-
Terms of use© 1987–2026 HERE
|
|
304
|
-
|
|
305
|
-
50 km
|
|
306
|
-
|
|
307
|
-
Choose view
|
|
308
|
-
Map view
|
|
309
|
-
Satellite
|
|
310
|
-
|
|
311
|
-
Traffic conditions
|
|
312
|
-
Show traffic incidents
|
|
313
|
-
|
|
314
200
|
#### React (tsx)
|
|
315
201
|
|
|
316
202
|
```tsx
|