@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:* CSS Only
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/timeline
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:13.896Z
|
|
7
7
|
|
|
8
8
|
The timeline component is a pure CSS component.
|
|
9
9
|
|
|
@@ -77,74 +77,6 @@ March
|
|
|
77
77
|
|
|
78
78
|
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.
|
|
79
79
|
|
|
80
|
-
#### Summary
|
|
81
|
-
|
|
82
|
-
CSS Timeline
|
|
83
|
-
Default
|
|
84
|
-
01-2024
|
|
85
|
-
|
|
86
|
-
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.
|
|
87
|
-
|
|
88
|
-
02-2024
|
|
89
|
-
|
|
90
|
-
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.
|
|
91
|
-
|
|
92
|
-
03-2024
|
|
93
|
-
|
|
94
|
-
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.
|
|
95
|
-
|
|
96
|
-
With UI elements
|
|
97
|
-
|
|
98
|
-
Start today
|
|
99
|
-
|
|
100
|
-
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.
|
|
101
|
-
|
|
102
|
-
2
|
|
103
|
-
02/2025
|
|
104
|
-
|
|
105
|
-
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.
|
|
106
|
-
|
|
107
|
-
Ongoing
|
|
108
|
-
|
|
109
|
-
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.
|
|
110
|
-
|
|
111
|
-
Finish
|
|
112
|
-
|
|
113
|
-
Events
|
|
114
|
-
|
|
115
|
-
leeroy marked an answer 4m
|
|
116
|
-
|
|
117
|
-
leeroy unmarked an answer 4m
|
|
118
|
-
|
|
119
|
-
leeroy marked an answer 7m
|
|
120
|
-
|
|
121
|
-
Andre reopened answer 10m
|
|
122
|
-
|
|
123
|
-
Andre closed answer 1y
|
|
124
|
-
|
|
125
|
-
Inventory replenishment triggered
|
|
126
|
-
|
|
127
|
-
Cross-Docking initiated
|
|
128
|
-
|
|
129
|
-
Customs clearance completed
|
|
130
|
-
|
|
131
|
-
Cold chain integrity maintained
|
|
132
|
-
|
|
133
|
-
Last-Mile delivery assigned
|
|
134
|
-
|
|
135
|
-
Stream style
|
|
136
|
-
January
|
|
137
|
-
|
|
138
|
-
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.
|
|
139
|
-
|
|
140
|
-
February
|
|
141
|
-
|
|
142
|
-
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.
|
|
143
|
-
|
|
144
|
-
March
|
|
145
|
-
|
|
146
|
-
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.
|
|
147
|
-
|
|
148
80
|
#### HTML (html)
|
|
149
81
|
|
|
150
82
|
```html
|
|
@@ -385,36 +317,6 @@ May 29 at 2:15 PM - 75001 Paris, France
|
|
|
385
317
|
We've received the first update on your shipment. While it's currently with the sender or on its way to the terminal, we'll be able to provide more detailed tracking information once it arrives in the receiving country.
|
|
386
318
|
May 28 at 4:00 AM - SW1A 1AA London, United Kingdom
|
|
387
319
|
|
|
388
|
-
#### Summary
|
|
389
|
-
|
|
390
|
-
Package details
|
|
391
|
-
Shipment
|
|
392
|
-
|
|
393
|
-
34563456
|
|
394
|
-
|
|
395
|
-
Weight
|
|
396
|
-
|
|
397
|
-
1.3 Kg
|
|
398
|
-
|
|
399
|
-
Dimensions
|
|
400
|
-
|
|
401
|
-
34 x 26 x 17 cm
|
|
402
|
-
|
|
403
|
-
The shipment is delivered to the recipient
|
|
404
|
-
May 31th at 11:00 PM - 10117 Berlin, Germany
|
|
405
|
-
|
|
406
|
-
The shipment is loaded onto a truck for delivery
|
|
407
|
-
May 30 at 1:45 PM - 75001 Paris, France
|
|
408
|
-
|
|
409
|
-
The shipment is sorted and prepared for further transport
|
|
410
|
-
May 30 at 12:10 PM - 75001 Paris, France
|
|
411
|
-
|
|
412
|
-
The consignment has been picked up and is now at the terminal for further processing
|
|
413
|
-
May 29 at 2:15 PM - 75001 Paris, France
|
|
414
|
-
|
|
415
|
-
We've received the first update on your shipment. While it's currently with the sender or on its way to the terminal, we'll be able to provide more detailed tracking information once it arrives in the receiving country.
|
|
416
|
-
May 28 at 4:00 AM - SW1A 1AA London, United Kingdom
|
|
417
|
-
|
|
418
320
|
#### HTML (html)
|
|
419
321
|
|
|
420
322
|
```html
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Pickers
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/timepicker
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:32.902Z
|
|
7
7
|
|
|
8
8
|
## TimePicker
|
|
9
9
|
|
|
@@ -15,19 +15,7 @@ With icon
|
|
|
15
15
|
|
|
16
16
|
Controlled component without initial value
|
|
17
17
|
|
|
18
|
-
Set current
|
|
19
|
-
|
|
20
|
-
Disabled
|
|
21
|
-
|
|
22
|
-
#### Summary
|
|
23
|
-
|
|
24
|
-
Uncontrolled component
|
|
25
|
-
|
|
26
|
-
With icon
|
|
27
|
-
|
|
28
|
-
Controlled component without initial value
|
|
29
|
-
|
|
30
|
-
Set current timeClear time
|
|
18
|
+
Set current time Clear time
|
|
31
19
|
|
|
32
20
|
Disabled
|
|
33
21
|
|
|
@@ -197,15 +185,9 @@ export default () => {
|
|
|
197
185
|
|
|
198
186
|
### Example: Example 2
|
|
199
187
|
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
With iconJust a normal warning message
|
|
203
|
-
|
|
204
|
-
#### Summary
|
|
205
|
-
|
|
206
|
-
DefaultPlease insert a valid time
|
|
188
|
+
Default Please insert a valid time
|
|
207
189
|
|
|
208
|
-
With
|
|
190
|
+
With icon Just a normal warning message
|
|
209
191
|
|
|
210
192
|
#### React (tsx)
|
|
211
193
|
|
|
@@ -313,10 +295,6 @@ export default () => {
|
|
|
313
295
|
|
|
314
296
|
Mandatory value
|
|
315
297
|
|
|
316
|
-
#### Summary
|
|
317
|
-
|
|
318
|
-
Mandatory value
|
|
319
|
-
|
|
320
298
|
#### React (tsx)
|
|
321
299
|
|
|
322
300
|
```tsx
|
|
@@ -443,59 +421,6 @@ Controlled component with dropdown
|
|
|
443
421
|
23:00
|
|
444
422
|
23:30
|
|
445
423
|
|
|
446
|
-
#### Summary
|
|
447
|
-
|
|
448
|
-
Controlled component with dropdown
|
|
449
|
-
|
|
450
|
-
00:00
|
|
451
|
-
00:30
|
|
452
|
-
01:00
|
|
453
|
-
01:30
|
|
454
|
-
02:00
|
|
455
|
-
02:30
|
|
456
|
-
03:00
|
|
457
|
-
03:30
|
|
458
|
-
04:00
|
|
459
|
-
04:30
|
|
460
|
-
05:00
|
|
461
|
-
05:30
|
|
462
|
-
06:00
|
|
463
|
-
06:30
|
|
464
|
-
07:00
|
|
465
|
-
07:30
|
|
466
|
-
08:00
|
|
467
|
-
08:30
|
|
468
|
-
09:00
|
|
469
|
-
09:30
|
|
470
|
-
10:00
|
|
471
|
-
10:30
|
|
472
|
-
11:00
|
|
473
|
-
11:30
|
|
474
|
-
12:00
|
|
475
|
-
12:30
|
|
476
|
-
13:00
|
|
477
|
-
13:30
|
|
478
|
-
14:00
|
|
479
|
-
14:30
|
|
480
|
-
15:00
|
|
481
|
-
15:30
|
|
482
|
-
16:00
|
|
483
|
-
16:30
|
|
484
|
-
17:00
|
|
485
|
-
17:30
|
|
486
|
-
18:00
|
|
487
|
-
18:30
|
|
488
|
-
19:00
|
|
489
|
-
19:30
|
|
490
|
-
20:00
|
|
491
|
-
20:30
|
|
492
|
-
21:00
|
|
493
|
-
21:30
|
|
494
|
-
22:00
|
|
495
|
-
22:30
|
|
496
|
-
23:00
|
|
497
|
-
23:30
|
|
498
|
-
|
|
499
424
|
#### React (tsx)
|
|
500
425
|
|
|
501
426
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/toggleButton
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:17.670Z
|
|
7
7
|
|
|
8
8
|
This toggle button is based on the button component that can be used directly.
|
|
9
9
|
|
|
@@ -12,13 +12,7 @@ This toggle button is based on the button component that can be used directly.
|
|
|
12
12
|
### Example: Default ToggleButtons
|
|
13
13
|
|
|
14
14
|
Default ToggleButtons
|
|
15
|
-
btn-default (untoggled)btn-default (toggled)btn-primary (untoggled)
|
|
16
|
-
Other Styles
|
|
17
|
-
|
|
18
|
-
#### Summary
|
|
19
|
-
|
|
20
|
-
Default ToggleButtons
|
|
21
|
-
btn-default (untoggled)btn-default (toggled)btn-primary (untoggled)
|
|
15
|
+
btn-default (untoggled) btn-default (toggled) btn-primary (untoggled)
|
|
22
16
|
Other Styles
|
|
23
17
|
|
|
24
18
|
#### React (tsx)
|
|
@@ -139,13 +133,6 @@ export default () => (
|
|
|
139
133
|
### Example: Controlled ToggleButton
|
|
140
134
|
|
|
141
135
|
Controlled ToggleButton
|
|
142
|
-
|
|
143
|
-
Control the toggle
|
|
144
|
-
|
|
145
|
-
#### Summary
|
|
146
|
-
|
|
147
|
-
Controlled ToggleButton
|
|
148
|
-
|
|
149
136
|
Control the toggle
|
|
150
137
|
|
|
151
138
|
#### React (tsx)
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/tooltip
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:13.333Z
|
|
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
|
|
|
@@ -13,23 +13,13 @@ In order to use a Tooltip on an element, wrap it with the OverlayTrigger compone
|
|
|
13
13
|
|
|
14
14
|
### Example: Example 1
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
Hover Hover Hover
|
|
17
|
+
Hover Hover
|
|
18
|
+
Hover Hover Hover
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
#### Summary
|
|
25
|
-
|
|
26
|
-
HoverHoverHover
|
|
27
|
-
HoverHover
|
|
28
|
-
HoverHoverHover
|
|
29
|
-
|
|
30
|
-
ClickClickClick
|
|
31
|
-
ClickClick
|
|
32
|
-
ClickClickClick
|
|
20
|
+
Click Click Click
|
|
21
|
+
Click Click
|
|
22
|
+
Click Click Click
|
|
33
23
|
|
|
34
24
|
#### React (tsx)
|
|
35
25
|
|
|
@@ -323,21 +313,10 @@ popperConfig={{
|
|
|
323
313
|
|
|
324
314
|
### Example: Example 2
|
|
325
315
|
|
|
326
|
-
Simple tooltip with auto placement:Hover me
|
|
327
|
-
Simple tooltip with bottom placement:Hover me
|
|
316
|
+
Simple tooltip with auto placement: Hover me Simple tooltip with bottom placement: Hover me
|
|
328
317
|
|
|
329
318
|
Hover me
|
|
330
|
-
|
|
331
|
-
Simple tooltip within text: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 etmalesuada 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.
|
|
332
|
-
|
|
333
|
-
#### Summary
|
|
334
|
-
|
|
335
|
-
Simple tooltip with auto placement:Hover me
|
|
336
|
-
Simple tooltip with bottom placement:Hover me
|
|
337
|
-
|
|
338
|
-
Hover me
|
|
339
|
-
|
|
340
|
-
Simple tooltip within text: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 etmalesuada 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.
|
|
319
|
+
Simple tooltip within text: 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 etmalesuada 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.
|
|
341
320
|
|
|
342
321
|
#### React (tsx)
|
|
343
322
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Progress
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/tracker
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:35.913Z
|
|
7
7
|
|
|
8
8
|
Compact visual tracker component for status indicators with optional per-block color and tooltip support.
|
|
9
9
|
|
|
@@ -17,14 +17,6 @@ Collapse when custom min width is reached, showing last items
|
|
|
17
17
|
|
|
18
18
|
Compression without collapsing - overflowing content
|
|
19
19
|
|
|
20
|
-
#### Summary
|
|
21
|
-
|
|
22
|
-
Default Tracker
|
|
23
|
-
|
|
24
|
-
Collapse when custom min width is reached, showing last items
|
|
25
|
-
|
|
26
|
-
Compression without collapsing - overflowing content
|
|
27
|
-
|
|
28
20
|
#### React (tsx)
|
|
29
21
|
|
|
30
22
|
```tsx
|
|
@@ -442,16 +434,7 @@ export default () => (
|
|
|
442
434
|
|
|
443
435
|
### Example: credit score
|
|
444
436
|
|
|
445
|
-
Credit Score
|
|
446
|
-
Details
|
|
447
|
-
|
|
448
|
-
Your credit score is 710
|
|
449
|
-
This score is considered to be Excellent.
|
|
450
|
-
|
|
451
|
-
#### Summary
|
|
452
|
-
|
|
453
|
-
Credit Score
|
|
454
|
-
Details
|
|
437
|
+
Credit Score Details
|
|
455
438
|
|
|
456
439
|
Your credit score is 710
|
|
457
440
|
This score is considered to be Excellent.
|