@rio-cloud/uikit-mcp 1.1.5 → 1.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/doc-metadata.json +129 -29
- package/dist/docs/components/accentBar.md +2 -2
- package/dist/docs/components/activity.md +2 -2
- package/dist/docs/components/animatedNumber.md +3 -3
- package/dist/docs/components/animatedTextReveal.md +7 -7
- package/dist/docs/components/animations.md +33 -33
- package/dist/docs/components/appHeader.md +8 -8
- package/dist/docs/components/appLayout.md +106 -89
- package/dist/docs/components/appNavigationBar.md +2 -2
- package/dist/docs/components/areaCharts.md +14 -14
- package/dist/docs/components/aspectRatioPlaceholder.md +2 -2
- package/dist/docs/components/assetTree.md +209 -404
- package/dist/docs/components/autosuggests.md +2 -2
- package/dist/docs/components/avatar.md +2 -2
- package/dist/docs/components/banner.md +3 -3
- package/dist/docs/components/barCharts.md +24 -24
- package/dist/docs/components/barList.md +11 -11
- package/dist/docs/components/basicMap.md +2 -2
- package/dist/docs/components/bottomSheet.md +2 -2
- package/dist/docs/components/button.md +400 -32
- package/dist/docs/components/buttonToolbar.md +2 -2
- package/dist/docs/components/calendarStripe.md +96 -36
- package/dist/docs/components/card.md +2 -2
- package/dist/docs/components/carousel.md +2 -2
- package/dist/docs/components/chartColors.md +2 -2
- package/dist/docs/components/chartsGettingStarted.md +2 -2
- package/dist/docs/components/chat.md +3 -3
- package/dist/docs/components/checkbox.md +17 -20
- package/dist/docs/components/circularProgress.md +465 -0
- package/dist/docs/components/clearableInput.md +2 -2
- package/dist/docs/components/collapse.md +3 -3
- package/dist/docs/components/composedCharts.md +20 -20
- package/dist/docs/components/contentLoader.md +102 -102
- package/dist/docs/components/dataTabs.md +10 -10
- package/dist/docs/components/datepickers.md +31 -31
- package/dist/docs/components/dialogs.md +2 -2
- package/dist/docs/components/divider.md +2 -2
- package/dist/docs/components/dropdowns.md +4354 -4387
- package/dist/docs/components/editableContent.md +2 -2
- package/dist/docs/components/expander.md +2 -2
- package/dist/docs/components/fade.md +2 -2
- package/dist/docs/components/fadeExpander.md +3 -3
- package/dist/docs/components/fadeUp.md +3 -3
- package/dist/docs/components/feedback.md +2 -2
- package/dist/docs/components/filePickers.md +2 -2
- package/dist/docs/components/formLabel.md +5 -4
- package/dist/docs/components/groupedItemList.md +2 -2
- package/dist/docs/components/iconList.md +4 -4
- package/dist/docs/components/imagePreloader.md +2 -2
- package/dist/docs/components/labeledElement.md +2 -2
- package/dist/docs/components/licensePlate.md +2 -2
- package/dist/docs/components/lineCharts.md +11 -11
- package/dist/docs/components/listMenu.md +7 -7
- package/dist/docs/components/loadMore.md +2 -2
- package/dist/docs/components/mainNavigation.md +5 -5
- package/dist/docs/components/mapCircle.md +2 -2
- package/dist/docs/components/mapCluster.md +2 -2
- package/dist/docs/components/mapContext.md +2 -2
- package/dist/docs/components/mapDraggableMarker.md +2 -2
- package/dist/docs/components/mapGettingStarted.md +2 -2
- package/dist/docs/components/mapInfoBubble.md +2 -2
- package/dist/docs/components/mapLayerGroup.md +2 -2
- package/dist/docs/components/mapMarker.md +2 -2
- package/dist/docs/components/mapPolygon.md +2 -2
- package/dist/docs/components/mapRoute.md +2 -2
- package/dist/docs/components/mapRouteGenerator.md +2 -2
- package/dist/docs/components/mapSettings.md +9 -9
- package/dist/docs/components/mapUtils.md +2 -2
- package/dist/docs/components/multiselects.md +2 -2
- package/dist/docs/components/noData.md +2 -2
- package/dist/docs/components/notifications.md +2 -2
- package/dist/docs/components/numbercontrol.md +5 -4
- package/dist/docs/components/onboarding.md +2 -2
- package/dist/docs/components/page.md +2 -2
- package/dist/docs/components/pager.md +2 -2
- package/dist/docs/components/pieCharts.md +89 -78
- package/dist/docs/components/popover.md +2 -2
- package/dist/docs/components/position.md +2 -2
- package/dist/docs/components/radialBarCharts.md +2054 -2012
- package/dist/docs/components/radioCardGroup.md +487 -0
- package/dist/docs/components/radiobutton.md +2 -2
- package/dist/docs/components/releaseNotes.md +2 -2
- package/dist/docs/components/resizer.md +2 -2
- package/dist/docs/components/responsiveColumnStripe.md +2 -2
- package/dist/docs/components/responsiveVideo.md +2 -2
- package/dist/docs/components/rioglyph.md +2 -2
- package/dist/docs/components/rules.md +2 -2
- package/dist/docs/components/saveableInput.md +20 -20
- package/dist/docs/components/selects.md +2 -2
- package/dist/docs/components/sidebar.md +2 -2
- package/dist/docs/components/sliders.md +2 -2
- package/dist/docs/components/smoothScrollbars.md +2 -2
- package/dist/docs/components/spinners.md +2 -2
- package/dist/docs/components/states.md +2 -2
- package/dist/docs/components/statsWidgets.md +2 -2
- package/dist/docs/components/statusBar.md +2 -2
- package/dist/docs/components/stepButton.md +2 -2
- package/dist/docs/components/steppedProgressBars.md +2 -2
- package/dist/docs/components/subNavigation.md +17 -17
- package/dist/docs/components/supportMarker.md +2 -2
- package/dist/docs/components/svgImage.md +38 -2
- package/dist/docs/components/switch.md +210 -83
- package/dist/docs/components/tables.md +2 -2
- package/dist/docs/components/tagManager.md +2 -2
- package/dist/docs/components/tags.md +2 -2
- package/dist/docs/components/teaser.md +2 -2
- package/dist/docs/components/textTruncateMiddle.md +151 -0
- package/dist/docs/components/timeline.md +2 -2
- package/dist/docs/components/timepicker.md +660 -64
- package/dist/docs/components/toggleButton.md +37 -9
- package/dist/docs/components/tooltip.md +5 -4
- package/dist/docs/components/tracker.md +631 -0
- package/dist/docs/components/virtualList.md +77 -77
- package/dist/docs/foundations.md +594 -222
- package/dist/docs/start/changelog.md +54 -2
- package/dist/docs/start/goodtoknow.md +2 -2
- package/dist/docs/start/guidelines/color-combinations.md +2 -2
- package/dist/docs/start/guidelines/custom-css.md +2 -2
- package/dist/docs/start/guidelines/custom-rioglyph.md +2 -2
- package/dist/docs/start/guidelines/formatting.md +2 -2
- package/dist/docs/start/guidelines/iframe.md +3 -3
- package/dist/docs/start/guidelines/obfuscate-data.md +2 -2
- package/dist/docs/start/guidelines/print-css.md +2 -2
- package/dist/docs/start/guidelines/spinner.md +82 -82
- package/dist/docs/start/guidelines/state-in-url.md +263 -0
- package/dist/docs/start/guidelines/supported-browsers.md +2 -2
- package/dist/docs/start/guidelines/writing.md +2 -2
- package/dist/docs/start/howto.md +10 -10
- package/dist/docs/start/intro.md +2 -2
- package/dist/docs/start/responsiveness.md +2 -2
- package/dist/docs/templates/common-table.md +15 -14
- package/dist/docs/templates/detail-views.md +3 -3
- package/dist/docs/templates/expandable-details.md +2 -2
- package/dist/docs/templates/feature-cards.md +56 -56
- package/dist/docs/templates/form-summary.md +23 -23
- package/dist/docs/templates/form-toggle.md +2 -2
- package/dist/docs/templates/list-blocks.md +204 -204
- package/dist/docs/templates/loading-progress.md +2 -2
- package/dist/docs/templates/options-panel.md +2 -2
- package/dist/docs/templates/panel-variants.md +2 -2
- package/dist/docs/templates/progress-cards.md +2 -2
- package/dist/docs/templates/progress-success.md +2 -2
- package/dist/docs/templates/settings-form.md +24 -24
- package/dist/docs/templates/stats-blocks.md +15 -15
- package/dist/docs/templates/table-panel.md +2 -2
- package/dist/docs/templates/table-row-animation.md +2 -2
- package/dist/docs/templates/usage-cards.md +2 -2
- package/dist/docs/utilities/classNames.md +191 -0
- package/dist/docs/utilities/deviceUtils.md +2 -2
- package/dist/docs/utilities/featureToggles.md +2 -2
- package/dist/docs/utilities/fuelTypeUtils.md +2 -2
- package/dist/docs/utilities/routeUtils.md +326 -90
- package/dist/docs/utilities/useAfterMount.md +2 -2
- package/dist/docs/utilities/useAutoAnimate.md +2 -2
- package/dist/docs/utilities/useAverage.md +2 -2
- package/dist/docs/utilities/useClickOutside.md +2 -2
- package/dist/docs/utilities/useClipboard.md +3 -3
- package/dist/docs/utilities/useCookies.md +188 -0
- package/dist/docs/utilities/useCount.md +2 -2
- package/dist/docs/utilities/useDarkMode.md +2 -2
- package/dist/docs/utilities/useDebugInfo.md +5 -5
- package/dist/docs/utilities/useEffectOnce.md +2 -2
- package/dist/docs/utilities/useElapsedTime.md +2 -2
- package/dist/docs/utilities/useElementSize.md +2 -2
- package/dist/docs/utilities/useEsc.md +2 -2
- package/dist/docs/utilities/useEvent.md +2 -2
- package/dist/docs/utilities/useFocusTrap.md +2 -2
- package/dist/docs/utilities/useFullscreen.md +2 -2
- package/dist/docs/utilities/useHover.md +2 -2
- package/dist/docs/utilities/useIncomingPostMessages.md +2 -2
- package/dist/docs/utilities/useInterval.md +2 -2
- package/dist/docs/utilities/useIsFocusWithin.md +2 -2
- package/dist/docs/utilities/useKey.md +2 -2
- package/dist/docs/utilities/useLocalStorage.md +2 -2
- package/dist/docs/utilities/useLocationSuggestions.md +2 -2
- package/dist/docs/utilities/useMax.md +2 -2
- package/dist/docs/utilities/useMin.md +2 -2
- package/dist/docs/utilities/useMutationObserver.md +2 -2
- package/dist/docs/utilities/useOnScreen.md +2 -2
- package/dist/docs/utilities/useOnlineStatus.md +2 -2
- package/dist/docs/utilities/usePostMessage.md +3 -3
- package/dist/docs/utilities/usePostMessageSender.md +2 -2
- package/dist/docs/utilities/usePrevious.md +2 -2
- package/dist/docs/utilities/useResizeObserver.md +2 -2
- package/dist/docs/utilities/useRioCookieConsent.md +90 -0
- package/dist/docs/utilities/useScrollPosition.md +2 -2
- package/dist/docs/utilities/useSearch.md +2 -2
- package/dist/docs/utilities/useSearchHighlight.md +815 -0
- package/dist/docs/utilities/useSorting.md +2 -2
- package/dist/docs/utilities/useStateWithValidation.md +2 -2
- package/dist/docs/utilities/useSum.md +2 -2
- package/dist/docs/utilities/useTableExport.md +52 -52
- package/dist/docs/utilities/useTableSelection.md +90 -90
- package/dist/docs/utilities/useTimeout.md +2 -2
- package/dist/docs/utilities/useToggle.md +3 -3
- package/dist/docs/utilities/useUrlState.md +418 -0
- package/dist/docs/utilities/useWindowResize.md +2 -2
- package/dist/index.mjs +1 -1
- package/dist/version.json +2 -2
- package/package.json +9 -9
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Application
|
|
5
|
-
*Source:* https://uikit.developers.rio.cloud
|
|
6
|
-
*Captured:* 2026-02-
|
|
5
|
+
*Source:* https://uikit.developers.rio.cloud/#/components/appLayout
|
|
6
|
+
*Captured:* 2026-02-23T15:48:07.517Z
|
|
7
7
|
|
|
8
8
|
The ApplicationLayout components consists of three sub-components: ApplicationHeader, ApplicationBody, ApplicationSidebar
|
|
9
9
|
|
|
@@ -92,13 +92,13 @@ export default () => (
|
|
|
92
92
|
</ul>
|
|
93
93
|
<ul class="SubmoduleNavigation nav">
|
|
94
94
|
<li class="submodule " data-nav-item-key="1">
|
|
95
|
-
<a aria-current="page" class="active" href="
|
|
95
|
+
<a aria-current="page" class="active" href="#/components/appLayout" data-discover="true">Navigation 1</a>
|
|
96
96
|
</li>
|
|
97
97
|
<li class="submodule " data-nav-item-key="2">
|
|
98
|
-
<a href="
|
|
98
|
+
<a class="" href="#/2" data-discover="true">Navigation 2</a>
|
|
99
99
|
</li>
|
|
100
100
|
<li class="submodule " data-nav-item-key="3">
|
|
101
|
-
<a href="
|
|
101
|
+
<a class="" href="#/3" data-discover="true">Navigation 3</a>
|
|
102
102
|
</li>
|
|
103
103
|
</ul>
|
|
104
104
|
<ul class="ApplicationActionBar nav navbar-nav navbar-right ">
|
|
@@ -354,13 +354,13 @@ const useResizer = () => {
|
|
|
354
354
|
</ul>
|
|
355
355
|
<ul class="SubmoduleNavigation nav">
|
|
356
356
|
<li class="submodule " data-nav-item-key="1">
|
|
357
|
-
<a aria-current="page" class="active" href="
|
|
357
|
+
<a aria-current="page" class="active" href="//components/appLayout">Navigation 1</a>
|
|
358
358
|
</li>
|
|
359
359
|
<li class="submodule " data-nav-item-key="2">
|
|
360
|
-
<a href="
|
|
360
|
+
<a class="" href="#/2" data-discover="true">Navigation 2</a>
|
|
361
361
|
</li>
|
|
362
362
|
<li class="submodule " data-nav-item-key="3">
|
|
363
|
-
<a href="
|
|
363
|
+
<a class="" href="#/3" data-discover="true">Navigation 3</a>
|
|
364
364
|
</li>
|
|
365
365
|
</ul>
|
|
366
366
|
<ul class="ApplicationActionBar nav navbar-nav navbar-right ">
|
|
@@ -373,13 +373,13 @@ const useResizer = () => {
|
|
|
373
373
|
<div class="SubNavigation width-100pct overflow-auto">
|
|
374
374
|
<ul class="SubmoduleNavigation nav">
|
|
375
375
|
<li class="submodule" data-nav-item-key="1">
|
|
376
|
-
<a aria-current="page" class="active" href="
|
|
376
|
+
<a aria-current="page" class="active" href="//components/appLayout">Subnavigation 1</a>
|
|
377
377
|
</li>
|
|
378
378
|
<li class="submodule" data-nav-item-key="2">
|
|
379
|
-
<a href="
|
|
379
|
+
<a class="" href="#/2" data-discover="true">Subnavigation 2</a>
|
|
380
380
|
</li>
|
|
381
381
|
<li class="submodule" data-nav-item-key="3">
|
|
382
|
-
<a href="
|
|
382
|
+
<a class="" href="#/3" data-discover="true">Subnavigation 3</a>
|
|
383
383
|
</li>
|
|
384
384
|
</ul>
|
|
385
385
|
</div>
|
|
@@ -572,13 +572,13 @@ export default () => (
|
|
|
572
572
|
</ul>
|
|
573
573
|
<ul class="SubmoduleNavigation nav">
|
|
574
574
|
<li class="submodule " data-nav-item-key="1">
|
|
575
|
-
<a aria-current="page" class="active" href="
|
|
575
|
+
<a aria-current="page" class="active" href="#/components/appLayout" data-discover="true">Navigation 1</a>
|
|
576
576
|
</li>
|
|
577
577
|
<li class="submodule " data-nav-item-key="2">
|
|
578
|
-
<a href="
|
|
578
|
+
<a class="" href="#/2" data-discover="true">Navigation 2</a>
|
|
579
579
|
</li>
|
|
580
580
|
<li class="submodule " data-nav-item-key="3">
|
|
581
|
-
<a href="
|
|
581
|
+
<a class="" href="#/3" data-discover="true">Navigation 3</a>
|
|
582
582
|
</li>
|
|
583
583
|
</ul>
|
|
584
584
|
<ul class="ApplicationActionBar nav navbar-nav navbar-right ">
|
|
@@ -778,13 +778,13 @@ export default () => (
|
|
|
778
778
|
</ul>
|
|
779
779
|
<ul class="SubmoduleNavigation nav">
|
|
780
780
|
<li class="submodule " data-nav-item-key="1">
|
|
781
|
-
<a aria-current="page" class="active" href="
|
|
781
|
+
<a aria-current="page" class="active" href="#/components/appLayout" data-discover="true">Navigation 1</a>
|
|
782
782
|
</li>
|
|
783
783
|
<li class="submodule " data-nav-item-key="2">
|
|
784
|
-
<a href="
|
|
784
|
+
<a class="" href="#/2" data-discover="true">Navigation 2</a>
|
|
785
785
|
</li>
|
|
786
786
|
<li class="submodule " data-nav-item-key="3">
|
|
787
|
-
<a href="
|
|
787
|
+
<a class="" href="#/3" data-discover="true">Navigation 3</a>
|
|
788
788
|
</li>
|
|
789
789
|
</ul>
|
|
790
790
|
<ul class="ApplicationActionBar nav navbar-nav navbar-right ">
|
|
@@ -1004,13 +1004,13 @@ export default () => (
|
|
|
1004
1004
|
</ul>
|
|
1005
1005
|
<ul class="SubmoduleNavigation nav">
|
|
1006
1006
|
<li class="submodule " data-nav-item-key="1">
|
|
1007
|
-
<a aria-current="page" class="active" href="
|
|
1007
|
+
<a aria-current="page" class="active" href="#/components/appLayout" data-discover="true">Navigation 1</a>
|
|
1008
1008
|
</li>
|
|
1009
1009
|
<li class="submodule " data-nav-item-key="2">
|
|
1010
|
-
<a href="
|
|
1010
|
+
<a class="" href="#/2" data-discover="true">Navigation 2</a>
|
|
1011
1011
|
</li>
|
|
1012
1012
|
<li class="submodule " data-nav-item-key="3">
|
|
1013
|
-
<a href="
|
|
1013
|
+
<a class="" href="#/3" data-discover="true">Navigation 3</a>
|
|
1014
1014
|
</li>
|
|
1015
1015
|
</ul>
|
|
1016
1016
|
<ul class="ApplicationActionBar nav navbar-nav navbar-right ">
|
|
@@ -1155,22 +1155,23 @@ Navigation 3
|
|
|
1155
1155
|
|
|
1156
1156
|
4
|
|
1157
1157
|
|
|
1158
|
-
6
|
|
1159
|
-
3
|
|
1160
1158
|
4
|
|
1161
|
-
|
|
1159
|
+
3
|
|
1160
|
+
1
|
|
1161
|
+
3
|
|
1162
1162
|
|
|
1163
|
-
Asset
|
|
1164
|
-
Vehicle-
|
|
1165
|
-
Vehicle-
|
|
1166
|
-
Vehicle-
|
|
1167
|
-
Vehicle-
|
|
1168
|
-
Vehicle-
|
|
1169
|
-
Vehicle-
|
|
1170
|
-
Vehicle-
|
|
1171
|
-
Vehicle-
|
|
1163
|
+
Asset Group9
|
|
1164
|
+
Vehicle-1343Asset 1010
|
|
1165
|
+
Vehicle-2513Asset 1002
|
|
1166
|
+
Vehicle-2575Asset 1005
|
|
1167
|
+
Vehicle-2741Asset 1006
|
|
1168
|
+
Vehicle-6386Asset 1000
|
|
1169
|
+
Vehicle-6560Asset 1001
|
|
1170
|
+
Vehicle-6904Asset 1008
|
|
1171
|
+
Vehicle-7768Asset 1009
|
|
1172
|
+
Vehicle-9357Asset 1003
|
|
1172
1173
|
|
|
1173
|
-
|
|
1174
|
+
Ungrouped2
|
|
1174
1175
|
|
|
1175
1176
|
200
|
|
1176
1177
|
|
|
@@ -1205,22 +1206,23 @@ Navigation 3
|
|
|
1205
1206
|
|
|
1206
1207
|
4
|
|
1207
1208
|
|
|
1208
|
-
6
|
|
1209
|
-
3
|
|
1210
1209
|
4
|
|
1211
|
-
|
|
1210
|
+
3
|
|
1211
|
+
1
|
|
1212
|
+
3
|
|
1212
1213
|
|
|
1213
|
-
Asset
|
|
1214
|
-
Vehicle-
|
|
1215
|
-
Vehicle-
|
|
1216
|
-
Vehicle-
|
|
1217
|
-
Vehicle-
|
|
1218
|
-
Vehicle-
|
|
1219
|
-
Vehicle-
|
|
1220
|
-
Vehicle-
|
|
1221
|
-
Vehicle-
|
|
1214
|
+
Asset Group9
|
|
1215
|
+
Vehicle-1343Asset 1010
|
|
1216
|
+
Vehicle-2513Asset 1002
|
|
1217
|
+
Vehicle-2575Asset 1005
|
|
1218
|
+
Vehicle-2741Asset 1006
|
|
1219
|
+
Vehicle-6386Asset 1000
|
|
1220
|
+
Vehicle-6560Asset 1001
|
|
1221
|
+
Vehicle-6904Asset 1008
|
|
1222
|
+
Vehicle-7768Asset 1009
|
|
1223
|
+
Vehicle-9357Asset 1003
|
|
1222
1224
|
|
|
1223
|
-
|
|
1225
|
+
Ungrouped2
|
|
1224
1226
|
|
|
1225
1227
|
200
|
|
1226
1228
|
|
|
@@ -1601,10 +1603,10 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1601
1603
|
</ul>
|
|
1602
1604
|
<ul class="SubmoduleNavigation nav">
|
|
1603
1605
|
<li class="submodule " data-nav-item-key="1">
|
|
1604
|
-
<a aria-current="page" class="active" href="
|
|
1606
|
+
<a aria-current="page" class="active" href="#/components/appLayout" data-discover="true">Navigation 1</a>
|
|
1605
1607
|
</li>
|
|
1606
1608
|
<li class="submodule " data-nav-item-key="2">
|
|
1607
|
-
<a href="
|
|
1609
|
+
<a class="" href="#/2" data-discover="true">Navigation 2</a>
|
|
1608
1610
|
</li>
|
|
1609
1611
|
<li class="CollapsedDropdown dropdown ">
|
|
1610
1612
|
<a id="basic-nav-dropdown" role="button" class="dropdown-toggle text-color-gray" aria-haspopup="true" aria-expanded="true">
|
|
@@ -1613,7 +1615,7 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1613
1615
|
</a>
|
|
1614
1616
|
<ul class="dropdown-menu" role="menu" aria-labelledby="basic-nav-dropdown">
|
|
1615
1617
|
<li class="submodule" data-nav-item-key="3">
|
|
1616
|
-
<a href="
|
|
1618
|
+
<a class="" href="#/3" data-discover="true">Navigation 3</a>
|
|
1617
1619
|
</li>
|
|
1618
1620
|
</ul>
|
|
1619
1621
|
</li>
|
|
@@ -1706,24 +1708,24 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1706
1708
|
<div class="display-flex justify-content-between align-items-start width-100pct">
|
|
1707
1709
|
<div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
|
|
1708
1710
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1709
|
-
<span class="rioglyph rioglyph-
|
|
1711
|
+
<span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
|
|
1710
1712
|
</span>
|
|
1711
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1713
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
|
|
1712
1714
|
</div>
|
|
1713
1715
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1714
|
-
<span class="rioglyph rioglyph-
|
|
1716
|
+
<span class="rioglyph rioglyph-van text-size-16 margin-right-2">
|
|
1715
1717
|
</span>
|
|
1716
1718
|
<span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
|
|
1717
1719
|
</div>
|
|
1718
1720
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1719
|
-
<span class="rioglyph rioglyph-
|
|
1721
|
+
<span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
|
|
1720
1722
|
</span>
|
|
1721
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1723
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
|
|
1722
1724
|
</div>
|
|
1723
1725
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1724
|
-
<span class="rioglyph rioglyph-
|
|
1726
|
+
<span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
|
|
1725
1727
|
</span>
|
|
1726
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1728
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
|
|
1727
1729
|
</div>
|
|
1728
1730
|
</div>
|
|
1729
1731
|
</div>
|
|
@@ -1741,57 +1743,57 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1741
1743
|
<span class="TreeLabelNameText">
|
|
1742
1744
|
<span class="TreeLabelNameTextHeadline">Asset Group</span>
|
|
1743
1745
|
</span>
|
|
1744
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
1746
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
|
|
1745
1747
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1746
1748
|
</span>
|
|
1747
1749
|
</span>
|
|
1748
1750
|
</div>
|
|
1749
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1751
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
|
|
1750
1752
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1751
1753
|
<input type="checkbox" class="TreeCheckbox">
|
|
1752
1754
|
<span class="checkbox-text">
|
|
1753
1755
|
</span>
|
|
1754
1756
|
</label>
|
|
1755
1757
|
<span class="TreeLabel TreeLabelName">
|
|
1756
|
-
<span class="rioglyph rioglyph-
|
|
1758
|
+
<span class="rioglyph rioglyph-bus">
|
|
1757
1759
|
</span>
|
|
1758
1760
|
<span class="TreeLabelNameText">
|
|
1759
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1760
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1761
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-1343</span>
|
|
1762
|
+
<span class="TreeLabelNameTextSubline">Asset 1010</span>
|
|
1761
1763
|
</span>
|
|
1762
1764
|
</span>
|
|
1763
1765
|
</div>
|
|
1764
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1766
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
|
|
1765
1767
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1766
1768
|
<input type="checkbox" class="TreeCheckbox">
|
|
1767
1769
|
<span class="checkbox-text">
|
|
1768
1770
|
</span>
|
|
1769
1771
|
</label>
|
|
1770
1772
|
<span class="TreeLabel TreeLabelName">
|
|
1771
|
-
<span class="rioglyph rioglyph-
|
|
1773
|
+
<span class="rioglyph rioglyph-van">
|
|
1772
1774
|
</span>
|
|
1773
1775
|
<span class="TreeLabelNameText">
|
|
1774
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1775
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1776
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-2513</span>
|
|
1777
|
+
<span class="TreeLabelNameTextSubline">Asset 1002</span>
|
|
1776
1778
|
</span>
|
|
1777
1779
|
</span>
|
|
1778
1780
|
</div>
|
|
1779
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1781
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
|
|
1780
1782
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1781
1783
|
<input type="checkbox" class="TreeCheckbox">
|
|
1782
1784
|
<span class="checkbox-text">
|
|
1783
1785
|
</span>
|
|
1784
1786
|
</label>
|
|
1785
1787
|
<span class="TreeLabel TreeLabelName">
|
|
1786
|
-
<span class="rioglyph rioglyph-
|
|
1788
|
+
<span class="rioglyph rioglyph-trailer">
|
|
1787
1789
|
</span>
|
|
1788
1790
|
<span class="TreeLabelNameText">
|
|
1789
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1790
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1791
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-2575</span>
|
|
1792
|
+
<span class="TreeLabelNameTextSubline">Asset 1005</span>
|
|
1791
1793
|
</span>
|
|
1792
1794
|
</span>
|
|
1793
1795
|
</div>
|
|
1794
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1796
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
|
|
1795
1797
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1796
1798
|
<input type="checkbox" class="TreeCheckbox">
|
|
1797
1799
|
<span class="checkbox-text">
|
|
@@ -1801,12 +1803,12 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1801
1803
|
<span class="rioglyph rioglyph-bus">
|
|
1802
1804
|
</span>
|
|
1803
1805
|
<span class="TreeLabelNameText">
|
|
1804
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1805
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1806
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-2741</span>
|
|
1807
|
+
<span class="TreeLabelNameTextSubline">Asset 1006</span>
|
|
1806
1808
|
</span>
|
|
1807
1809
|
</span>
|
|
1808
1810
|
</div>
|
|
1809
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1811
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
|
|
1810
1812
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1811
1813
|
<input type="checkbox" class="TreeCheckbox">
|
|
1812
1814
|
<span class="checkbox-text">
|
|
@@ -1816,27 +1818,27 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1816
1818
|
<span class="rioglyph rioglyph-bus">
|
|
1817
1819
|
</span>
|
|
1818
1820
|
<span class="TreeLabelNameText">
|
|
1819
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1820
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1821
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6386</span>
|
|
1822
|
+
<span class="TreeLabelNameTextSubline">Asset 1000</span>
|
|
1821
1823
|
</span>
|
|
1822
1824
|
</span>
|
|
1823
1825
|
</div>
|
|
1824
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1826
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
|
|
1825
1827
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1826
1828
|
<input type="checkbox" class="TreeCheckbox">
|
|
1827
1829
|
<span class="checkbox-text">
|
|
1828
1830
|
</span>
|
|
1829
1831
|
</label>
|
|
1830
1832
|
<span class="TreeLabel TreeLabelName">
|
|
1831
|
-
<span class="rioglyph rioglyph-
|
|
1833
|
+
<span class="rioglyph rioglyph-van">
|
|
1832
1834
|
</span>
|
|
1833
1835
|
<span class="TreeLabelNameText">
|
|
1834
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1835
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1836
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6560</span>
|
|
1837
|
+
<span class="TreeLabelNameTextSubline">Asset 1001</span>
|
|
1836
1838
|
</span>
|
|
1837
1839
|
</span>
|
|
1838
1840
|
</div>
|
|
1839
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1841
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
|
|
1840
1842
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1841
1843
|
<input type="checkbox" class="TreeCheckbox">
|
|
1842
1844
|
<span class="checkbox-text">
|
|
@@ -1846,12 +1848,12 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1846
1848
|
<span class="rioglyph rioglyph-van">
|
|
1847
1849
|
</span>
|
|
1848
1850
|
<span class="TreeLabelNameText">
|
|
1849
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1850
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1851
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6904</span>
|
|
1852
|
+
<span class="TreeLabelNameTextSubline">Asset 1008</span>
|
|
1851
1853
|
</span>
|
|
1852
1854
|
</span>
|
|
1853
1855
|
</div>
|
|
1854
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1856
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
|
|
1855
1857
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1856
1858
|
<input type="checkbox" class="TreeCheckbox">
|
|
1857
1859
|
<span class="checkbox-text">
|
|
@@ -1861,8 +1863,23 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1861
1863
|
<span class="rioglyph rioglyph-bus">
|
|
1862
1864
|
</span>
|
|
1863
1865
|
<span class="TreeLabelNameText">
|
|
1864
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1865
|
-
<span class="TreeLabelNameTextSubline">Asset
|
|
1866
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-7768</span>
|
|
1867
|
+
<span class="TreeLabelNameTextSubline">Asset 1009</span>
|
|
1868
|
+
</span>
|
|
1869
|
+
</span>
|
|
1870
|
+
</div>
|
|
1871
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
|
|
1872
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1873
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1874
|
+
<span class="checkbox-text">
|
|
1875
|
+
</span>
|
|
1876
|
+
</label>
|
|
1877
|
+
<span class="TreeLabel TreeLabelName">
|
|
1878
|
+
<span class="rioglyph rioglyph-truck">
|
|
1879
|
+
</span>
|
|
1880
|
+
<span class="TreeLabelNameText">
|
|
1881
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-9357</span>
|
|
1882
|
+
<span class="TreeLabelNameTextSubline">Asset 1003</span>
|
|
1866
1883
|
</span>
|
|
1867
1884
|
</span>
|
|
1868
1885
|
</div>
|
|
@@ -1878,7 +1895,7 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1878
1895
|
<span class="TreeLabelNameText">
|
|
1879
1896
|
<span class="TreeLabelNameTextHeadline">Ungrouped</span>
|
|
1880
1897
|
</span>
|
|
1881
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
1898
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
|
|
1882
1899
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1883
1900
|
</span>
|
|
1884
1901
|
</span>
|
|
@@ -1992,13 +2009,13 @@ const randomDrivers = Array.from({ length: 200 }, (_, index) => ({
|
|
|
1992
2009
|
<div class="SubNavigation width-100pct overflow-auto">
|
|
1993
2010
|
<ul class="SubmoduleNavigation nav">
|
|
1994
2011
|
<li class="submodule" data-nav-item-key="1">
|
|
1995
|
-
<a aria-current="page" class="active" href="
|
|
2012
|
+
<a aria-current="page" class="active" href="#/components/appLayout" data-discover="true">Subnavigation 1</a>
|
|
1996
2013
|
</li>
|
|
1997
2014
|
<li class="submodule" data-nav-item-key="2">
|
|
1998
|
-
<a href="
|
|
2015
|
+
<a class="" href="#/2" data-discover="true">Subnavigation 2</a>
|
|
1999
2016
|
</li>
|
|
2000
2017
|
<li class="submodule" data-nav-item-key="3">
|
|
2001
|
-
<a href="
|
|
2018
|
+
<a class="" href="#/3" data-discover="true">Subnavigation 3</a>
|
|
2002
2019
|
</li>
|
|
2003
2020
|
</ul>
|
|
2004
2021
|
</div>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Navigation
|
|
5
|
-
*Source:* https://uikit.developers.rio.cloud
|
|
6
|
-
*Captured:* 2026-02-
|
|
5
|
+
*Source:* https://uikit.developers.rio.cloud/#/components/appNavigationBar
|
|
6
|
+
*Captured:* 2026-02-23T15:48:09.460Z
|
|
7
7
|
|
|
8
8
|
## AppNavigationBar
|
|
9
9
|
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
|
-
*Source:* https://uikit.developers.rio.cloud
|
|
6
|
-
*Captured:* 2026-02-
|
|
5
|
+
*Source:* https://uikit.developers.rio.cloud/#/components/areaCharts
|
|
6
|
+
*Captured:* 2026-02-23T15:49:23.997Z
|
|
7
7
|
|
|
8
8
|
## AreaChart
|
|
9
9
|
|
|
@@ -121,14 +121,14 @@ const data: CustomData[] = [
|
|
|
121
121
|
<g class="recharts-layer recharts-area">
|
|
122
122
|
<g class="recharts-layer">
|
|
123
123
|
<defs>
|
|
124
|
-
<clipPath id="animationClipPath-recharts-area-:
|
|
125
|
-
<rect x="45" y="0" width="
|
|
124
|
+
<clipPath id="animationClipPath-recharts-area-:r0:">
|
|
125
|
+
<rect x="45" y="0" width="83.4146754519315" height="124">
|
|
126
126
|
</rect>
|
|
127
127
|
</clipPath>
|
|
128
128
|
</defs>
|
|
129
|
-
<g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:
|
|
129
|
+
<g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r0:)">
|
|
130
130
|
<g class="recharts-layer">
|
|
131
|
-
<path stroke-width="1" fill="url(#area)" fill-opacity="0.6" height="108" stroke="none" width="438" id="recharts-area-:
|
|
131
|
+
<path stroke-width="1" fill="url(#area)" fill-opacity="0.6" height="108" stroke="none" width="438" id="recharts-area-:r0:" class="recharts-curve recharts-area-area" 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.3L423,123C402,123,381,123,360,123C339,123,318,123,297,123C276,123,255,123,234,123C213,123,192,123,171,123C150,123,129,123,108,123C87,123,66,123,45,123Z">
|
|
132
132
|
</path>
|
|
133
133
|
<path stroke-width="1" fill="none" fill-opacity="0.6" height="108" stroke="#67abc5 " width="438" class="recharts-curve recharts-area-curve" 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">
|
|
134
134
|
</path>
|
|
@@ -561,14 +561,14 @@ const data: CustomData[] = [
|
|
|
561
561
|
<g class="recharts-layer recharts-area">
|
|
562
562
|
<g class="recharts-layer">
|
|
563
563
|
<defs>
|
|
564
|
-
<clipPath id="animationClipPath-recharts-area-:
|
|
565
|
-
<rect x="75" y="0" width="
|
|
564
|
+
<clipPath id="animationClipPath-recharts-area-:r1:">
|
|
565
|
+
<rect x="75" y="0" width="654.0095965337725" height="224">
|
|
566
566
|
</rect>
|
|
567
567
|
</clipPath>
|
|
568
568
|
</defs>
|
|
569
|
-
<g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:
|
|
569
|
+
<g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r1:)">
|
|
570
570
|
<g class="recharts-layer">
|
|
571
|
-
<path name="UV" stroke-width="1" fill="url(#area1)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:
|
|
571
|
+
<path name="UV" stroke-width="1" fill="url(#area1)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:r1:" class="recharts-curve recharts-area-area" d="M75,38.111C114.538,40.037,154.076,41.963,193.615,49.667C233.153,57.37,272.691,107.444,312.229,107.444C351.767,107.444,391.306,62.378,430.844,62.378C470.382,62.378,509.92,113.8,549.458,113.8C588.997,113.8,628.535,100.319,668.073,84.911C707.611,69.504,747.149,45.43,786.688,21.356L786.688,223C747.149,223,707.611,223,668.073,223C628.535,223,588.997,223,549.458,223C509.92,223,470.382,223,430.844,223C391.306,223,351.767,223,312.229,223C272.691,223,233.153,223,193.615,223C154.076,223,114.538,223,75,223Z">
|
|
572
572
|
</path>
|
|
573
573
|
<path name="UV" stroke-width="1" fill="none" fill-opacity="0.5" height="208" stroke="#493d6d " width="711.6875" class="recharts-curve recharts-area-curve" d="M75,38.111C114.538,40.037,154.076,41.963,193.615,49.667C233.153,57.37,272.691,107.444,312.229,107.444C351.767,107.444,391.306,62.378,430.844,62.378C470.382,62.378,509.92,113.8,549.458,113.8C588.997,113.8,628.535,100.319,668.073,84.911C707.611,69.504,747.149,45.43,786.688,21.356">
|
|
574
574
|
</path>
|
|
@@ -579,14 +579,14 @@ const data: CustomData[] = [
|
|
|
579
579
|
<g class="recharts-layer recharts-area">
|
|
580
580
|
<g class="recharts-layer">
|
|
581
581
|
<defs>
|
|
582
|
-
<clipPath id="animationClipPath-recharts-area-:
|
|
583
|
-
<rect x="75" y="0" width="
|
|
582
|
+
<clipPath id="animationClipPath-recharts-area-:r2:">
|
|
583
|
+
<rect x="75" y="0" width="654.0095965337725" height="224">
|
|
584
584
|
</rect>
|
|
585
585
|
</clipPath>
|
|
586
586
|
</defs>
|
|
587
|
-
<g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:
|
|
587
|
+
<g class="recharts-layer" clip-path="url(#animationClipPath-recharts-area-:r2:)">
|
|
588
588
|
<g class="recharts-layer">
|
|
589
|
-
<path name="AMT" stroke-width="1" fill="url(#area2)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:
|
|
589
|
+
<path name="AMT" stroke-width="1" fill="url(#area2)" fill-opacity="0.5" height="208" stroke="none" width="711.6875" id="recharts-area-:r2:" class="recharts-curve recharts-area-area" d="M75,84.333C114.538,89.822,154.076,95.311,193.615,95.311C233.153,95.311,272.691,90.689,312.229,90.689C351.767,90.689,391.306,107.444,430.844,107.444C470.382,107.444,509.92,101.801,549.458,96.987C588.997,92.172,628.535,78.556,668.073,78.556C707.611,78.556,747.149,90.111,786.688,101.667L786.688,223C747.149,223,707.611,223,668.073,223C628.535,223,588.997,223,549.458,223C509.92,223,470.382,223,430.844,223C391.306,223,351.767,223,312.229,223C272.691,223,233.153,223,193.615,223C154.076,223,114.538,223,75,223Z">
|
|
590
590
|
</path>
|
|
591
591
|
<path name="AMT" stroke-width="1" fill="none" fill-opacity="0.5" height="208" stroke="#f19588 " width="711.6875" class="recharts-curve recharts-area-curve" d="M75,84.333C114.538,89.822,154.076,95.311,193.615,95.311C233.153,95.311,272.691,90.689,312.229,90.689C351.767,90.689,391.306,107.444,430.844,107.444C470.382,107.444,509.92,101.801,549.458,96.987C588.997,92.172,628.535,78.556,668.073,78.556C707.611,78.556,747.149,90.111,786.688,101.667">
|
|
592
592
|
</path>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
|
-
*Source:* https://uikit.developers.rio.cloud
|
|
6
|
-
*Captured:* 2026-02-
|
|
5
|
+
*Source:* https://uikit.developers.rio.cloud/#/components/aspectRatioPlaceholder
|
|
6
|
+
*Captured:* 2026-02-23T15:48:53.695Z
|
|
7
7
|
|
|
8
8
|
Use the AspectRatioPlaceholder for having responsive elements with an aspect ratio.
|
|
9
9
|
|