@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:* Application
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/sidebar
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:39:58.849Z
|
|
7
7
|
|
|
8
8
|
There are 2 kinds of Sidebars. The default fluid and the fly variant.
|
|
9
9
|
|
|
@@ -18,24 +18,13 @@ For more information about the ApplicationLayout see here
|
|
|
18
18
|
### Example: Example 1
|
|
19
19
|
|
|
20
20
|
Left sidebars
|
|
21
|
-
Resizable fly Sidebar:Toggle Sidebar
|
|
21
|
+
Resizable fly Sidebar: Toggle Sidebar
|
|
22
22
|
|
|
23
23
|
Right sidebars
|
|
24
|
-
Resizable fluid Sidebar with resize limits and custom header button:Toggle Sidebar
|
|
25
|
-
Fly Sidebar which overlays content:Toggle Sidebar
|
|
26
|
-
Fly Sidebar with custom width and visible backdrop:Toggle Sidebar
|
|
27
|
-
Sidebar which switches mode automatically on defined breakpoint between fly and fluid:Toggle Sidebar
|
|
28
|
-
|
|
29
|
-
#### Summary
|
|
30
|
-
|
|
31
|
-
Left sidebars
|
|
32
|
-
Resizable fly Sidebar:Toggle Sidebar
|
|
33
|
-
|
|
34
|
-
Right sidebars
|
|
35
|
-
Resizable fluid Sidebar with resize limits and custom header button:Toggle Sidebar
|
|
36
|
-
Fly Sidebar which overlays content:Toggle Sidebar
|
|
37
|
-
Fly Sidebar with custom width and visible backdrop:Toggle Sidebar
|
|
38
|
-
Sidebar which switches mode automatically on defined breakpoint between fly and fluid:Toggle Sidebar
|
|
24
|
+
Resizable fluid Sidebar with resize limits and custom header button: Toggle Sidebar
|
|
25
|
+
Fly Sidebar which overlays content: Toggle Sidebar
|
|
26
|
+
Fly Sidebar with custom width and visible backdrop: Toggle Sidebar
|
|
27
|
+
Sidebar which switches mode automatically on defined breakpoint between fly and fluid: Toggle Sidebar
|
|
39
28
|
|
|
40
29
|
#### React (tsx)
|
|
41
30
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/sliders
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:14.546Z
|
|
7
7
|
|
|
8
8
|
## Slider
|
|
9
9
|
|
|
@@ -23,22 +23,6 @@ Using the onCange callback
|
|
|
23
23
|
Large value labels and a hidden bar
|
|
24
24
|
50 %
|
|
25
25
|
|
|
26
|
-
#### Summary
|
|
27
|
-
|
|
28
|
-
Standard Slider
|
|
29
|
-
|
|
30
|
-
Colored Slider
|
|
31
|
-
|
|
32
|
-
Slider with value label
|
|
33
|
-
17
|
|
34
|
-
|
|
35
|
-
Disabled Slider
|
|
36
|
-
|
|
37
|
-
Using the onCange callback
|
|
38
|
-
|
|
39
|
-
Large value labels and a hidden bar
|
|
40
|
-
50 %
|
|
41
|
-
|
|
42
26
|
#### React (tsx)
|
|
43
27
|
|
|
44
28
|
```tsx
|
|
@@ -255,16 +239,6 @@ RangeSlider with value labels
|
|
|
255
239
|
|
|
256
240
|
Disabled RangeSlider
|
|
257
241
|
|
|
258
|
-
#### Summary
|
|
259
|
-
|
|
260
|
-
Standard RangeSlider
|
|
261
|
-
|
|
262
|
-
RangeSlider with value labels
|
|
263
|
-
150 €
|
|
264
|
-
400 €
|
|
265
|
-
|
|
266
|
-
Disabled RangeSlider
|
|
267
|
-
|
|
268
242
|
#### React (tsx)
|
|
269
243
|
|
|
270
244
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/smoothScrollbars
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:10.269Z
|
|
7
7
|
|
|
8
8
|
## SmoothScrollbars
|
|
9
9
|
|
|
@@ -25,22 +25,6 @@ In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Qu
|
|
|
25
25
|
|
|
26
26
|
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.
|
|
27
27
|
|
|
28
|
-
#### Summary
|
|
29
|
-
|
|
30
|
-
Always visible
|
|
31
|
-
default
|
|
32
|
-
|
|
33
|
-
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.
|
|
34
|
-
|
|
35
|
-
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;
|
|
36
|
-
|
|
37
|
-
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.
|
|
38
|
-
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.
|
|
39
|
-
|
|
40
|
-
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;
|
|
41
|
-
|
|
42
|
-
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.
|
|
43
|
-
|
|
44
28
|
#### React (tsx)
|
|
45
29
|
|
|
46
30
|
```tsx
|
|
@@ -135,22 +119,6 @@ In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Qu
|
|
|
135
119
|
|
|
136
120
|
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.
|
|
137
121
|
|
|
138
|
-
#### Summary
|
|
139
|
-
|
|
140
|
-
Slide in on hover
|
|
141
|
-
slideIn
|
|
142
|
-
|
|
143
|
-
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.
|
|
144
|
-
|
|
145
|
-
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;
|
|
146
|
-
|
|
147
|
-
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.
|
|
148
|
-
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.
|
|
149
|
-
|
|
150
|
-
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;
|
|
151
|
-
|
|
152
|
-
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.
|
|
153
|
-
|
|
154
122
|
#### React (tsx)
|
|
155
123
|
|
|
156
124
|
```tsx
|
|
@@ -245,22 +213,6 @@ In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Qu
|
|
|
245
213
|
|
|
246
214
|
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.
|
|
247
215
|
|
|
248
|
-
#### Summary
|
|
249
|
-
|
|
250
|
-
Larger track
|
|
251
|
-
largeTrack
|
|
252
|
-
|
|
253
|
-
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.
|
|
254
|
-
|
|
255
|
-
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;
|
|
256
|
-
|
|
257
|
-
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.
|
|
258
|
-
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.
|
|
259
|
-
|
|
260
|
-
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;
|
|
261
|
-
|
|
262
|
-
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.
|
|
263
|
-
|
|
264
216
|
#### React (tsx)
|
|
265
217
|
|
|
266
218
|
```tsx
|
|
@@ -355,22 +307,6 @@ In mattis massa a tellus laoreet volutpat. Integer placerat convallis tempor. Qu
|
|
|
355
307
|
|
|
356
308
|
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.
|
|
357
309
|
|
|
358
|
-
#### Summary
|
|
359
|
-
|
|
360
|
-
Track with offset
|
|
361
|
-
trackOffset
|
|
362
|
-
|
|
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. 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.
|
|
364
|
-
|
|
365
|
-
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;
|
|
366
|
-
|
|
367
|
-
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.
|
|
368
|
-
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.
|
|
369
|
-
|
|
370
|
-
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;
|
|
371
|
-
|
|
372
|
-
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.
|
|
373
|
-
|
|
374
310
|
#### React (tsx)
|
|
375
311
|
|
|
376
312
|
```tsx
|
|
@@ -453,10 +389,6 @@ export default () => (
|
|
|
453
389
|
|
|
454
390
|
Horizontal Example
|
|
455
391
|
|
|
456
|
-
#### Summary
|
|
457
|
-
|
|
458
|
-
Horizontal Example
|
|
459
|
-
|
|
460
392
|
#### React (tsx)
|
|
461
393
|
|
|
462
394
|
```tsx
|
|
@@ -731,10 +663,6 @@ export default () => (
|
|
|
731
663
|
|
|
732
664
|
Full Example
|
|
733
665
|
|
|
734
|
-
#### Summary
|
|
735
|
-
|
|
736
|
-
Full Example
|
|
737
|
-
|
|
738
666
|
#### React (tsx)
|
|
739
667
|
|
|
740
668
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/spinners
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:10.468Z
|
|
7
7
|
|
|
8
8
|
## Spinner
|
|
9
9
|
|
|
@@ -20,19 +20,6 @@ Loading
|
|
|
20
20
|
Full sized Spinner (doesn't render without "show")
|
|
21
21
|
Inline Spinner
|
|
22
22
|
|
|
23
|
-
#### Summary
|
|
24
|
-
|
|
25
|
-
Default Spinner
|
|
26
|
-
|
|
27
|
-
Double sized Spinner
|
|
28
|
-
|
|
29
|
-
With loading text
|
|
30
|
-
|
|
31
|
-
Loading
|
|
32
|
-
|
|
33
|
-
Full sized Spinner (doesn't render without "show")
|
|
34
|
-
Inline Spinner
|
|
35
|
-
|
|
36
23
|
#### React (tsx)
|
|
37
24
|
|
|
38
25
|
```tsx
|
|
@@ -150,32 +137,16 @@ export default () => (
|
|
|
150
137
|
### Example: Example 2
|
|
151
138
|
|
|
152
139
|
Spinner and text in button .btn-loading
|
|
153
|
-
Default
|
|
140
|
+
Default Button Primary Button Button text Button text
|
|
154
141
|
|
|
155
142
|
Colored Buttons
|
|
156
|
-
Info
|
|
143
|
+
Info Button Success Button Warning Button Danger Button
|
|
157
144
|
|
|
158
145
|
Outline Buttons
|
|
159
|
-
Info
|
|
146
|
+
Info Button Success Button Warning Button Danger Button
|
|
160
147
|
|
|
161
148
|
Spinner with same width as the button text .btn-loading-overlay
|
|
162
|
-
Button
|
|
163
|
-
|
|
164
|
-
Spinner in icon only button .btn-loading .btn-icon-only
|
|
165
|
-
|
|
166
|
-
#### Summary
|
|
167
|
-
|
|
168
|
-
Spinner and text in button .btn-loading
|
|
169
|
-
Default ButtonPrimary ButtonButton textButton text
|
|
170
|
-
|
|
171
|
-
Colored Buttons
|
|
172
|
-
Info ButtonSuccess ButtonWarning ButtonDanger Button
|
|
173
|
-
|
|
174
|
-
Outline Buttons
|
|
175
|
-
Info ButtonSuccess ButtonWarning ButtonDanger Button
|
|
176
|
-
|
|
177
|
-
Spinner with same width as the button text .btn-loading-overlay
|
|
178
|
-
Button textButton textButton textButton text
|
|
149
|
+
Button text Button text Button text Button text
|
|
179
150
|
|
|
180
151
|
Spinner in icon only button .btn-loading .btn-icon-only
|
|
181
152
|
|
|
@@ -334,10 +305,6 @@ export default SpinnerButtonsExample;
|
|
|
334
305
|
|
|
335
306
|
Loading
|
|
336
307
|
|
|
337
|
-
#### Summary
|
|
338
|
-
|
|
339
|
-
Loading
|
|
340
|
-
|
|
341
308
|
#### React (tsx)
|
|
342
309
|
|
|
343
310
|
```tsx
|
|
@@ -392,14 +359,6 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget ma
|
|
|
392
359
|
|
|
393
360
|
Toggle loading spinner
|
|
394
361
|
|
|
395
|
-
#### Summary
|
|
396
|
-
|
|
397
|
-
Lorem ipsum dolor sit amet
|
|
398
|
-
|
|
399
|
-
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.
|
|
400
|
-
|
|
401
|
-
Toggle loading spinner
|
|
402
|
-
|
|
403
362
|
#### React (tsx)
|
|
404
363
|
|
|
405
364
|
```tsx
|
|
@@ -455,11 +414,7 @@ export default () => {
|
|
|
455
414
|
|
|
456
415
|
### Example: Example 5
|
|
457
416
|
|
|
458
|
-
Toggle fullscreen loading
|
|
459
|
-
|
|
460
|
-
#### Summary
|
|
461
|
-
|
|
462
|
-
Toggle fullscreen loading spinnerexit fullscreen with esc key
|
|
417
|
+
Toggle fullscreen loading spinner exit fullscreen with esc key
|
|
463
418
|
|
|
464
419
|
#### React (tsx)
|
|
465
420
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/states
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:54.910Z
|
|
7
7
|
|
|
8
8
|
## ErrorState
|
|
9
9
|
|
|
@@ -19,18 +19,6 @@ Condensed version example
|
|
|
19
19
|
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.
|
|
20
20
|
Try again
|
|
21
21
|
|
|
22
|
-
#### Summary
|
|
23
|
-
|
|
24
|
-
Something went wrong
|
|
25
|
-
|
|
26
|
-
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.
|
|
27
|
-
Try again
|
|
28
|
-
|
|
29
|
-
Condensed version example
|
|
30
|
-
|
|
31
|
-
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.
|
|
32
|
-
Try again
|
|
33
|
-
|
|
34
22
|
#### React (tsx)
|
|
35
23
|
|
|
36
24
|
```tsx
|
|
@@ -159,13 +147,6 @@ Nothing found
|
|
|
159
147
|
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.
|
|
160
148
|
Refresh
|
|
161
149
|
|
|
162
|
-
#### Summary
|
|
163
|
-
|
|
164
|
-
Nothing found
|
|
165
|
-
|
|
166
|
-
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.
|
|
167
|
-
Refresh
|
|
168
|
-
|
|
169
150
|
#### React (tsx)
|
|
170
151
|
|
|
171
152
|
```tsx
|
|
@@ -252,13 +233,6 @@ There is no free lunch
|
|
|
252
233
|
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.
|
|
253
234
|
Add something
|
|
254
235
|
|
|
255
|
-
#### Summary
|
|
256
|
-
|
|
257
|
-
There is no free lunch
|
|
258
|
-
|
|
259
|
-
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.
|
|
260
|
-
Add something
|
|
261
|
-
|
|
262
236
|
#### React (tsx)
|
|
263
237
|
|
|
264
238
|
```tsx
|
|
@@ -346,12 +320,6 @@ Access not allowed
|
|
|
346
320
|
You are not allowed to access this resource. Please contact your manager or administrator to gain access.
|
|
347
321
|
Request access
|
|
348
322
|
|
|
349
|
-
#### Summary
|
|
350
|
-
|
|
351
|
-
Access not allowed
|
|
352
|
-
You are not allowed to access this resource. Please contact your manager or administrator to gain access.
|
|
353
|
-
Request access
|
|
354
|
-
|
|
355
323
|
#### React (tsx)
|
|
356
324
|
|
|
357
325
|
```tsx
|
|
@@ -427,11 +395,6 @@ export default () => (
|
|
|
427
395
|
Service in maintenance
|
|
428
396
|
We are sorry for the inconvenience. The interruption will be resolved shortly.
|
|
429
397
|
|
|
430
|
-
#### Summary
|
|
431
|
-
|
|
432
|
-
Service in maintenance
|
|
433
|
-
We are sorry for the inconvenience. The interruption will be resolved shortly.
|
|
434
|
-
|
|
435
398
|
#### React (tsx)
|
|
436
399
|
|
|
437
400
|
```tsx
|
|
@@ -494,14 +457,7 @@ export default () => (
|
|
|
494
457
|
Lorem ipsum dolor sit amet
|
|
495
458
|
|
|
496
459
|
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.
|
|
497
|
-
Do something
|
|
498
|
-
|
|
499
|
-
#### Summary
|
|
500
|
-
|
|
501
|
-
Lorem ipsum dolor sit amet
|
|
502
|
-
|
|
503
|
-
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.
|
|
504
|
-
Do something buttonPrimary call to action
|
|
460
|
+
Do something button Primary call to action
|
|
505
461
|
|
|
506
462
|
#### React (tsx)
|
|
507
463
|
|
|
@@ -595,14 +551,7 @@ export default () => (
|
|
|
595
551
|
|
|
596
552
|
You don't have access to this issue
|
|
597
553
|
Make sure the issue exists in this project. If it does, ask a project admin for permission to see the project's issues.
|
|
598
|
-
View
|
|
599
|
-
Learn more
|
|
600
|
-
|
|
601
|
-
#### Summary
|
|
602
|
-
|
|
603
|
-
You don't have access to this issue
|
|
604
|
-
Make sure the issue exists in this project. If it does, ask a project admin for permission to see the project's issues.
|
|
605
|
-
View permissionsRequest access
|
|
554
|
+
View permissions Request access
|
|
606
555
|
Learn more
|
|
607
556
|
|
|
608
557
|
#### React (tsx)
|
|
@@ -704,13 +653,6 @@ Book Timed now and get access to the following and many more special features
|
|
|
704
653
|
Residual driving times and break periods are clearly displayed. This enables you to avoid costly driving time violations.
|
|
705
654
|
The driver’s activities are transmitted automatically and archived on the platform for 90 days.
|
|
706
655
|
|
|
707
|
-
#### Summary
|
|
708
|
-
|
|
709
|
-
Premium feature
|
|
710
|
-
Book Timed now and get access to the following and many more special features
|
|
711
|
-
Residual driving times and break periods are clearly displayed. This enables you to avoid costly driving time violations.
|
|
712
|
-
The driver’s activities are transmitted automatically and archived on the platform for 90 days.
|
|
713
|
-
|
|
714
656
|
#### React (tsx)
|
|
715
657
|
|
|
716
658
|
```tsx
|
|
@@ -804,12 +746,6 @@ Stay tuned
|
|
|
804
746
|
|
|
805
747
|
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.
|
|
806
748
|
|
|
807
|
-
#### Summary
|
|
808
|
-
|
|
809
|
-
Stay tuned
|
|
810
|
-
|
|
811
|
-
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.
|
|
812
|
-
|
|
813
749
|
#### React (tsx)
|
|
814
750
|
|
|
815
751
|
```tsx
|
|
@@ -872,14 +808,7 @@ export default () => <CustomState headline='Stay tuned' message={dummyTextShort}
|
|
|
872
808
|
End User License Agreement
|
|
873
809
|
Currently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.
|
|
874
810
|
|
|
875
|
-
Back to
|
|
876
|
-
|
|
877
|
-
#### Summary
|
|
878
|
-
|
|
879
|
-
End User License Agreement
|
|
880
|
-
Currently, there is no vehicle in your fleet that requires acceptance of the EULA. However, you may still choose to accept it voluntarily.
|
|
881
|
-
|
|
882
|
-
Back to homeProceed with EULA
|
|
811
|
+
Back to home Proceed with EULA
|
|
883
812
|
|
|
884
813
|
#### React (tsx)
|
|
885
814
|
|
|
@@ -975,28 +904,13 @@ export default () => (
|
|
|
975
904
|
### Example: We couldn't find anything that matches your search
|
|
976
905
|
|
|
977
906
|
NotFoundState when search or filter don't return any matching item
|
|
978
|
-
Head
|
|
979
|
-
|
|
980
|
-
We couldn't find anything that matches your search
|
|
981
|
-
Please refine your search and check spelling and spacing.
|
|
982
|
-
|
|
983
|
-
EmptyState when no item has been created yet
|
|
984
|
-
Head ColumnHead ColumnHead ColumnHead ColumnHead Column
|
|
985
|
-
|
|
986
|
-
No tracked events for this order
|
|
987
|
-
Events appear when when the order is shared with other users and the order state is active.
|
|
988
|
-
Learn how to start tracking order events
|
|
989
|
-
|
|
990
|
-
#### Summary
|
|
991
|
-
|
|
992
|
-
NotFoundState when search or filter don't return any matching item
|
|
993
|
-
Head ColumnHead ColumnHead ColumnHead ColumnHead Column
|
|
907
|
+
Head Column Head Column Head Column Head Column Head Column
|
|
994
908
|
|
|
995
909
|
We couldn't find anything that matches your search
|
|
996
910
|
Please refine your search and check spelling and spacing.
|
|
997
911
|
|
|
998
912
|
EmptyState when no item has been created yet
|
|
999
|
-
Head
|
|
913
|
+
Head Column Head Column Head Column Head Column Head Column
|
|
1000
914
|
|
|
1001
915
|
No tracked events for this order
|
|
1002
916
|
Events appear when when the order is shared with other users and the order state is active.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/statsWidgets
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:49.748Z
|
|
7
7
|
|
|
8
8
|
## StatsWidgets
|
|
9
9
|
|
|
@@ -67,62 +67,6 @@ Trailer
|
|
|
67
67
|
|
|
68
68
|
Driver
|
|
69
69
|
|
|
70
|
-
#### Summary
|
|
71
|
-
|
|
72
|
-
Fleet
|
|
73
|
-
23
|
|
74
|
-
|
|
75
|
-
Trucks
|
|
76
|
-
|
|
77
|
-
14
|
|
78
|
-
|
|
79
|
-
Trailer
|
|
80
|
-
|
|
81
|
-
111
|
|
82
|
-
|
|
83
|
-
Driver
|
|
84
|
-
|
|
85
|
-
Notifications
|
|
86
|
-
45
|
|
87
|
-
|
|
88
|
-
Exceptions
|
|
89
|
-
|
|
90
|
-
144
|
|
91
|
-
|
|
92
|
-
Warnings
|
|
93
|
-
|
|
94
|
-
Activity
|
|
95
|
-
15
|
|
96
|
-
30
|
|
97
|
-
|
|
98
|
-
Availability
|
|
99
|
-
|
|
100
|
-
12
|
|
101
|
-
|
|
102
|
-
Driving
|
|
103
|
-
|
|
104
|
-
12
|
|
105
|
-
|
|
106
|
-
Working
|
|
107
|
-
|
|
108
|
-
9
|
|
109
|
-
|
|
110
|
-
Resting
|
|
111
|
-
|
|
112
|
-
Full width widget
|
|
113
|
-
|
|
114
|
-
23
|
|
115
|
-
|
|
116
|
-
Trucks
|
|
117
|
-
|
|
118
|
-
14
|
|
119
|
-
|
|
120
|
-
Trailer
|
|
121
|
-
|
|
122
|
-
111
|
|
123
|
-
|
|
124
|
-
Driver
|
|
125
|
-
|
|
126
70
|
#### React (tsx)
|
|
127
71
|
|
|
128
72
|
```tsx
|
|
@@ -367,14 +311,6 @@ Current activity
|
|
|
367
311
|
|
|
368
312
|
Last update 2 minutes ago
|
|
369
313
|
|
|
370
|
-
#### Summary
|
|
371
|
-
|
|
372
|
-
Current activity
|
|
373
|
-
|
|
374
|
-
42 min resting
|
|
375
|
-
|
|
376
|
-
Last update 2 minutes ago
|
|
377
|
-
|
|
378
314
|
#### React (tsx)
|
|
379
315
|
|
|
380
316
|
```tsx
|
|
@@ -500,17 +436,6 @@ Exceptions
|
|
|
500
436
|
|
|
501
437
|
Warnings
|
|
502
438
|
|
|
503
|
-
#### Summary
|
|
504
|
-
|
|
505
|
-
Notifications
|
|
506
|
-
45
|
|
507
|
-
|
|
508
|
-
Exceptions
|
|
509
|
-
|
|
510
|
-
144
|
|
511
|
-
|
|
512
|
-
Warnings
|
|
513
|
-
|
|
514
439
|
#### React (tsx)
|
|
515
440
|
|
|
516
441
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Progress
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/statusBar
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:33.692Z
|
|
7
7
|
|
|
8
8
|
Flexible component to showcase various states based on progress bars.
|
|
9
9
|
|
|
@@ -67,62 +67,6 @@ Large progress with large icon and label
|
|
|
67
67
|
V12
|
|
68
68
|
Large progress only
|
|
69
69
|
|
|
70
|
-
#### Summary
|
|
71
|
-
|
|
72
|
-
V1
|
|
73
|
-
Top label with icon left
|
|
74
|
-
|
|
75
|
-
42 min resting
|
|
76
|
-
|
|
77
|
-
V2
|
|
78
|
-
Top label with icon right
|
|
79
|
-
|
|
80
|
-
42 min resting
|
|
81
|
-
|
|
82
|
-
V3
|
|
83
|
-
Split whith icon left and label right
|
|
84
|
-
|
|
85
|
-
1:45 h
|
|
86
|
-
|
|
87
|
-
V4
|
|
88
|
-
Split whith icon right and label left
|
|
89
|
-
|
|
90
|
-
1:45 h
|
|
91
|
-
|
|
92
|
-
V5
|
|
93
|
-
Both icon and label left
|
|
94
|
-
|
|
95
|
-
13 min
|
|
96
|
-
|
|
97
|
-
V6
|
|
98
|
-
Both icon and label right
|
|
99
|
-
|
|
100
|
-
13 min
|
|
101
|
-
|
|
102
|
-
V7
|
|
103
|
-
Label left
|
|
104
|
-
|
|
105
|
-
42 min
|
|
106
|
-
|
|
107
|
-
V8
|
|
108
|
-
Thin label right
|
|
109
|
-
|
|
110
|
-
42 min
|
|
111
|
-
|
|
112
|
-
V9
|
|
113
|
-
Large progress with large icon left
|
|
114
|
-
|
|
115
|
-
V10
|
|
116
|
-
Large progress with large icon right
|
|
117
|
-
|
|
118
|
-
V11
|
|
119
|
-
Large progress with large icon and label
|
|
120
|
-
|
|
121
|
-
44%
|
|
122
|
-
|
|
123
|
-
V12
|
|
124
|
-
Large progress only
|
|
125
|
-
|
|
126
70
|
#### React (tsx)
|
|
127
71
|
|
|
128
72
|
```tsx
|