@rio-cloud/uikit-mcp 1.1.0 → 1.1.1
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 +1 -0
- package/dist/doc-metadata.json +20 -20
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/animatedNumber.md +2 -2
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +30 -30
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +43 -26
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +372 -463
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +1 -1
- package/dist/docs/components/barCharts.md +69 -89
- package/dist/docs/components/barList.md +3 -3
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +9 -1
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -1
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +4 -1
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +48 -48
- package/dist/docs/components/contentLoader.md +101 -101
- package/dist/docs/components/dataTabs.md +7 -7
- package/dist/docs/components/datepickers.md +5 -5
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +4353 -4365
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/fullscreenMap.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/iconList.md +4 -4
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +3 -3
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +1 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +13 -13
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +3 -3
- package/dist/docs/components/saveableInput.md +9 -9
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +1 -1
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +1 -1
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/virtualList.md +70 -67
- package/dist/docs/foundations.md +118 -118
- package/dist/docs/start/changelog.md +709 -434
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +1 -1
- package/dist/docs/start/guidelines/custom-css.md +1 -1
- package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
- package/dist/docs/start/guidelines/formatting.md +1 -1
- package/dist/docs/start/guidelines/iframe.md +1 -1
- package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +81 -81
- package/dist/docs/start/guidelines/supported-browsers.md +1 -1
- package/dist/docs/start/guidelines/writing.md +1 -1
- package/dist/docs/start/howto.md +1 -1
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/common-table.md +11 -11
- package/dist/docs/templates/detail-views.md +2 -2
- package/dist/docs/templates/expandable-details.md +1 -1
- package/dist/docs/templates/feature-cards.md +55 -55
- package/dist/docs/templates/form-summary.md +22 -22
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +203 -203
- package/dist/docs/templates/loading-progress.md +1 -1
- package/dist/docs/templates/options-panel.md +1 -1
- package/dist/docs/templates/panel-variants.md +1 -1
- package/dist/docs/templates/progress-cards.md +1 -1
- package/dist/docs/templates/progress-success.md +1 -1
- package/dist/docs/templates/settings-form.md +23 -23
- package/dist/docs/templates/stats-blocks.md +16 -16
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/table-row-animation.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- package/dist/docs/utilities/useAfterMount.md +1 -1
- package/dist/docs/utilities/useAutoAnimate.md +1 -1
- package/dist/docs/utilities/useAverage.md +1 -1
- package/dist/docs/utilities/useClickOutside.md +1 -1
- package/dist/docs/utilities/useClipboard.md +2 -2
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +4 -4
- package/dist/docs/utilities/useEffectOnce.md +1 -1
- package/dist/docs/utilities/useElapsedTime.md +1 -1
- package/dist/docs/utilities/useElementSize.md +1 -1
- package/dist/docs/utilities/useEsc.md +1 -1
- package/dist/docs/utilities/useEvent.md +1 -1
- package/dist/docs/utilities/useFocusTrap.md +1 -1
- package/dist/docs/utilities/useFullscreen.md +1 -1
- package/dist/docs/utilities/useHover.md +1 -1
- package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
- package/dist/docs/utilities/useInterval.md +1 -1
- package/dist/docs/utilities/useIsFocusWithin.md +1 -1
- package/dist/docs/utilities/useKey.md +1 -1
- package/dist/docs/utilities/useLocalStorage.md +1 -1
- package/dist/docs/utilities/useLocationSuggestions.md +1 -1
- package/dist/docs/utilities/useMax.md +1 -1
- package/dist/docs/utilities/useMin.md +1 -1
- package/dist/docs/utilities/useMutationObserver.md +1 -1
- package/dist/docs/utilities/useOnScreen.md +1 -1
- package/dist/docs/utilities/useOnlineStatus.md +1 -1
- package/dist/docs/utilities/usePostMessage.md +1 -1
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +1 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSorting.md +1 -1
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +51 -51
- package/dist/docs/utilities/useTableSelection.md +87 -87
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +1 -1
- package/dist/version.json +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/radialBarCharts
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:21:34.023Z
|
|
7
7
|
|
|
8
8
|
## RadialBarChart
|
|
9
9
|
|
|
@@ -258,8 +258,8 @@ const data2: CustomData2[] = [
|
|
|
258
258
|
<path name="Age 18-24" cx="120" cy="180" fill="#ef7186 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 99.80161559729078,145.17627857665997
|
|
259
259
|
A 40.2575,40.2575,0,
|
|
260
260
|
0,1,
|
|
261
|
-
117.
|
|
262
|
-
L 118.
|
|
261
|
+
117.45416296773378,139.8230785144613
|
|
262
|
+
L 118.21302887811557,151.7990595820006
|
|
263
263
|
A 28.2575,28.2575,0,
|
|
264
264
|
0,0,
|
|
265
265
|
105.82237229685012,155.55657186561433 Z">
|
|
@@ -267,8 +267,8 @@ const data2: CustomData2[] = [
|
|
|
267
267
|
<path name="Age 25-29" cx="120" cy="180" fill="#e878b6 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 91.9871751309877,131.70352291203793
|
|
268
268
|
A 55.832499999999996,55.832499999999996,0,
|
|
269
269
|
0,1,
|
|
270
|
-
112.
|
|
271
|
-
L 114.
|
|
270
|
+
112.56833901183178,124.66431105329094
|
|
271
|
+
L 114.1656153626672,136.5575321585703
|
|
272
272
|
A 43.832499999999996,43.832499999999996,0,
|
|
273
273
|
0,0,
|
|
274
274
|
98.00793183054705,142.08381620099232 Z">
|
|
@@ -399,19 +399,19 @@ const data2: CustomData2[] = [
|
|
|
399
399
|
<g class="recharts-layer">
|
|
400
400
|
<path name="Registrations" color="color-coldplay-fountain" cx="134" cy="134" fill="#67abc5 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,24.624225259886728
|
|
401
401
|
A5,5,0,0,1,139.2283313544616,19.62944150154746
|
|
402
|
-
A114.49000000000001,114.49000000000001,0,0,1,222.
|
|
403
|
-
A5,5,0,0,1,221.
|
|
404
|
-
L221.
|
|
405
|
-
A5,5,0,0,1,214.
|
|
402
|
+
A114.49000000000001,114.49000000000001,0,0,1,222.4376244154701,61.28998220500668
|
|
403
|
+
A5,5,0,0,1,221.5710824581419,68.46859060641746
|
|
404
|
+
L221.5710824581419,68.46859060641746
|
|
405
|
+
A5,5,0,0,1,214.7131397953749,67.64075675256484
|
|
406
406
|
A104.49000000000001,104.49000000000001,0,0,0,138.77166864553843,29.619009018225995
|
|
407
407
|
A5,5,0,0,1,134,24.624225259886728Z">
|
|
408
408
|
</path>
|
|
409
409
|
<path name="Logins" color="color-coldplay-moos" cx="134" cy="134" fill="#a1daa3 " class="recharts-sector recharts-radial-bar-sector undefined" d="M 134,11.712175176757682
|
|
410
410
|
A5,5,0,0,1,139.20426505433448,6.71634934036409
|
|
411
|
-
A127.39,127.39,0,0,1,219.
|
|
412
|
-
A5,5,0,0,1,219.
|
|
413
|
-
L219.
|
|
414
|
-
A5,5,0,0,1,212.
|
|
411
|
+
A127.39,127.39,0,0,1,219.43426319407052,39.50556221403143
|
|
412
|
+
A5,5,0,0,1,219.6497840615084,46.71640136762818
|
|
413
|
+
L219.6497840615084,46.71640136762818
|
|
414
|
+
A5,5,0,0,1,212.72775065823015,46.92329027635725
|
|
415
415
|
A117.39,117.39,0,0,0,138.7957349456655,16.708001013151275
|
|
416
416
|
A5,5,0,0,1,134,11.712175176757682Z">
|
|
417
417
|
</path>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/radiobutton
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:22.899Z
|
|
7
7
|
|
|
8
8
|
NoteWhen using the custom option, make sure to wrap the children with the class name radio-text-wrapper. For using the radio tick, use an element with class name radio-text.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/responsiveColumnStripe
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:45.482Z
|
|
7
7
|
|
|
8
8
|
The ResponsiveColumnStripe component is designed to work with any list of items. The individual items are spread equally according to the available space. The component is totally customizable and does not style the individual items to give maximum flexibility.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/rioglyph
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:59.735Z
|
|
7
7
|
|
|
8
8
|
The Rioglyph component is a React wrapper for the Rioglyph icon set. It provides a convenient and type-safe way to render icons without directly dealing with the utility classnames.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/rules
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:21:01.512Z
|
|
7
7
|
|
|
8
8
|
## RulesWrapper, RuleContainer and RuleConnector
|
|
9
9
|
|
|
@@ -305,7 +305,7 @@ const ConditionEditorTwo = ({ onDelete }: ConditionEditorTwpProps) => {
|
|
|
305
305
|
<div>
|
|
306
306
|
<div class="RuleContainer">
|
|
307
307
|
<div class="RuleContainerBox position-relative rounded padding-20 bg-lightest border border-width border-style-dashed " data-testid="ruleContainerBox">
|
|
308
|
-
<div style="opacity:
|
|
308
|
+
<div style="opacity: 1;">
|
|
309
309
|
<div class="display-flex flex-column align-items-center">
|
|
310
310
|
<div class="display-flex flex-column align-items-center gap-15">
|
|
311
311
|
<div class="text-center">Why should the rule be triggered?</div>
|
|
@@ -347,7 +347,7 @@ const ConditionEditorTwo = ({ onDelete }: ConditionEditorTwpProps) => {
|
|
|
347
347
|
<div>
|
|
348
348
|
<div class="RuleContainer">
|
|
349
349
|
<div class="RuleContainerBox position-relative rounded padding-20 bg-lightest border border-width border-style-dashed " data-testid="ruleContainerBox">
|
|
350
|
-
<div style="opacity:
|
|
350
|
+
<div style="opacity: 1;">
|
|
351
351
|
<div class="display-flex flex-column align-items-center gap-15">
|
|
352
352
|
<div class="text-center">When should the rule be triggered?</div>
|
|
353
353
|
<div class="taglist taglist-autowidth">
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/saveableInput
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:22.845Z
|
|
7
7
|
|
|
8
8
|
## SaveableInput
|
|
9
9
|
|
|
@@ -717,7 +717,7 @@ SuMoTuWeThFrSa
|
|
|
717
717
|
28293031123
|
|
718
718
|
45678910
|
|
719
719
|
|
|
720
|
-
|
|
720
|
+
03:20
|
|
721
721
|
|
|
722
722
|
Saved value:
|
|
723
723
|
|
|
@@ -773,7 +773,7 @@ SuMoTuWeThFrSa
|
|
|
773
773
|
28293031123
|
|
774
774
|
45678910
|
|
775
775
|
|
|
776
|
-
|
|
776
|
+
3:20 PM
|
|
777
777
|
|
|
778
778
|
#### Summary
|
|
779
779
|
|
|
@@ -801,7 +801,7 @@ SuMoTuWeThFrSa
|
|
|
801
801
|
28293031123
|
|
802
802
|
45678910
|
|
803
803
|
|
|
804
|
-
|
|
804
|
+
03:20
|
|
805
805
|
|
|
806
806
|
Saved value:
|
|
807
807
|
|
|
@@ -857,7 +857,7 @@ SuMoTuWeThFrSa
|
|
|
857
857
|
28293031123
|
|
858
858
|
45678910
|
|
859
859
|
|
|
860
|
-
|
|
860
|
+
3:20 PM
|
|
861
861
|
|
|
862
862
|
#### React (tsx)
|
|
863
863
|
|
|
@@ -1187,7 +1187,7 @@ export default () => {
|
|
|
1187
1187
|
</span>
|
|
1188
1188
|
</span>
|
|
1189
1189
|
<div class="ClearableInput input-group">
|
|
1190
|
-
<input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2025-12-12
|
|
1190
|
+
<input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2025-12-12 03:20" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
|
|
1191
1191
|
</div>
|
|
1192
1192
|
</div>
|
|
1193
1193
|
<div class="rdtPicker">
|
|
@@ -1271,7 +1271,7 @@ export default () => {
|
|
|
1271
1271
|
</tbody>
|
|
1272
1272
|
<tfoot>
|
|
1273
1273
|
<tr>
|
|
1274
|
-
<td colspan="7" class="rdtTimeToggle">
|
|
1274
|
+
<td colspan="7" class="rdtTimeToggle">03:20</td>
|
|
1275
1275
|
</tr>
|
|
1276
1276
|
</tfoot>
|
|
1277
1277
|
</table>
|
|
@@ -1595,7 +1595,7 @@ export default () => {
|
|
|
1595
1595
|
</span>
|
|
1596
1596
|
</span>
|
|
1597
1597
|
<div class="ClearableInput input-group">
|
|
1598
|
-
<input type="text" class="form-control" disabled="" value="12/12/2025
|
|
1598
|
+
<input type="text" class="form-control" disabled="" value="12/12/2025 3:20 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
|
|
1599
1599
|
</div>
|
|
1600
1600
|
</div>
|
|
1601
1601
|
<div class="rdtPicker">
|
|
@@ -1679,7 +1679,7 @@ export default () => {
|
|
|
1679
1679
|
</tbody>
|
|
1680
1680
|
<tfoot>
|
|
1681
1681
|
<tr>
|
|
1682
|
-
<td colspan="7" class="rdtTimeToggle">
|
|
1682
|
+
<td colspan="7" class="rdtTimeToggle">3:20 PM</td>
|
|
1683
1683
|
</tr>
|
|
1684
1684
|
</tfoot>
|
|
1685
1685
|
</table>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Selection
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/selects
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:30.597Z
|
|
7
7
|
|
|
8
8
|
The Select and Multiselect components are form controls and are intended to be used within forms. They are designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Application
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/sidebar
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:08.707Z
|
|
7
7
|
|
|
8
8
|
There are 2 kinds of Sidebars. The default fluid and the fly variant.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Progress
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/statusBar
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:35.412Z
|
|
7
7
|
|
|
8
8
|
Flexible component to showcase various states based on progress bars.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/stepButton
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:18.984Z
|
|
7
7
|
|
|
8
8
|
The StepButton is a convenient component designed to simplify usage and alignment of buttons with chevrons.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/supportMarker
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:21:01.179Z
|
|
7
7
|
|
|
8
8
|
You can add the support-marker class along with the data-support attribute to any HTML element - even divs wrapping around iframes, for example!
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/svgImage
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:21:02.548Z
|
|
7
7
|
|
|
8
8
|
This component helps to render SVG images hosted on RIO's CDN and lets you customize the colors for various brand themes. It uses the defined UIKIT CSS variables to automatically adapt to dark mode. When customizing colors, make sure to use existing CSS color variable names.
|
|
9
9
|
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/tables
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:47.474Z
|
|
7
7
|
|
|
8
8
|
The toolbar and its content has to be implemented by each team itself. Please use the following sample as a reference and adapt it accordingly.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/tagManager
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:21:04.277Z
|
|
7
7
|
|
|
8
8
|
The TagManager allows to select and filter for existing tags as well as adding and removing them from a list of tags.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/teaser
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:48.903Z
|
|
7
7
|
|
|
8
8
|
The teaser component was built to create all kinds of landing and/or single pages. for example, be used in dialogs or sidebars.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/toggleButton
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:20:23.194Z
|
|
7
7
|
|
|
8
8
|
This toggle button is based on the button component that can be used directly.
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/tooltip
|
|
6
|
-
*Captured:* 2025-12-
|
|
6
|
+
*Captured:* 2025-12-12T14:21:06.097Z
|
|
7
7
|
|
|
8
8
|
In order to use a Tooltip on an element, wrap it with the OverlayTrigger component or use the SimpleTooltip component.
|
|
9
9
|
|