@rio-cloud/uikit-mcp 1.1.7 → 1.1.8
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 +13 -17
- 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 -10
- package/dist/version.json +2 -2
- package/package.json +2 -2
- 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:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useEffectOnce
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:34.405Z
|
|
7
7
|
|
|
8
8
|
The useEffectOnce hook allows to use a side effect only once after the component has been mounted.
|
|
9
9
|
|
|
@@ -14,11 +14,6 @@ The useEffectOnce hook allows to use a side effect only once after the component
|
|
|
14
14
|
0
|
|
15
15
|
Increment
|
|
16
16
|
|
|
17
|
-
#### Summary
|
|
18
|
-
|
|
19
|
-
0
|
|
20
|
-
Increment
|
|
21
|
-
|
|
22
17
|
#### React (tsx)
|
|
23
18
|
|
|
24
19
|
```tsx
|
|
@@ -3,17 +3,13 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useElapsedTime
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:35.679Z
|
|
7
7
|
|
|
8
8
|
## useElapsedTime
|
|
9
9
|
|
|
10
10
|
### Example: Example 1
|
|
11
11
|
|
|
12
|
-
Get elapsed
|
|
13
|
-
|
|
14
|
-
#### Summary
|
|
15
|
-
|
|
16
|
-
Get elapsed timeElapsed time sind mount: 0 ms
|
|
12
|
+
Get elapsed time Elapsed time sind mount: 0 ms
|
|
17
13
|
|
|
18
14
|
#### React (tsx)
|
|
19
15
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useElementSize
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:38.089Z
|
|
7
7
|
|
|
8
8
|
The useElementSize hook allows to easily detect an elements dimension.
|
|
9
9
|
|
|
@@ -15,12 +15,6 @@ Resize box to see it's width updating
|
|
|
15
15
|
|
|
16
16
|
Width: 50, Height: 50
|
|
17
17
|
|
|
18
|
-
#### Summary
|
|
19
|
-
|
|
20
|
-
Resize box to see it's width updating
|
|
21
|
-
|
|
22
|
-
Width: 50, Height: 50
|
|
23
|
-
|
|
24
18
|
#### React (tsx)
|
|
25
19
|
|
|
26
20
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useEsc
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:39.113Z
|
|
7
7
|
|
|
8
8
|
The useEsc hook allows to easily detect keydown events for escape key to to react on. This comes in handy when closing something or aborting some operation on esc.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ The useEsc hook allows to easily detect keydown events for escape key to to reac
|
|
|
13
13
|
|
|
14
14
|
Press "esc" key
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
Press "esc" key
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* UI state & input hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useEvent
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:51.160Z
|
|
7
7
|
|
|
8
8
|
The useEvent hook allows to easily detect given events registered on the document.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ The useEvent hook allows to easily detect given events registered on the documen
|
|
|
13
13
|
|
|
14
14
|
Mouse position:
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
Mouse position:
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useFocusTrap
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:39.661Z
|
|
7
7
|
|
|
8
8
|
This custom hook allows to keep the focus inside a defined wrapper element. This might be a dialog or a custom overlay.
|
|
9
9
|
|
|
@@ -16,10 +16,6 @@ This custom hook allows to keep the focus inside a defined wrapper element. This
|
|
|
16
16
|
|
|
17
17
|
Open Dialog
|
|
18
18
|
|
|
19
|
-
#### Summary
|
|
20
|
-
|
|
21
|
-
Open Dialog
|
|
22
|
-
|
|
23
19
|
#### React (tsx)
|
|
24
20
|
|
|
25
21
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useFullscreen
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:43.215Z
|
|
7
7
|
|
|
8
8
|
The cross-browser useFullscreen hook allows to easily switch to fullscreen mode for the document or a dedicated element like a map or a certain part of a service.
|
|
9
9
|
|
|
@@ -14,15 +14,9 @@ The cross-browser useFullscreen hook allows to easily switch to fullscreen mode
|
|
|
14
14
|
### Example: Example 1
|
|
15
15
|
|
|
16
16
|
Fullscreen enabled: false
|
|
17
|
-
Is Fullscreen active: false
|
|
18
|
-
Request Fullscreen
|
|
19
|
-
Exit Fullscreen
|
|
20
|
-
Toggle Fullscreen
|
|
21
17
|
|
|
22
|
-
#### Summary
|
|
23
|
-
|
|
24
|
-
Fullscreen enabled: false
|
|
25
18
|
Is Fullscreen active: false
|
|
19
|
+
|
|
26
20
|
Request Fullscreen
|
|
27
21
|
Exit Fullscreen
|
|
28
22
|
Toggle Fullscreen
|
|
@@ -111,13 +105,6 @@ Example - click on expand icon to use fullscreen
|
|
|
111
105
|
Sample content.
|
|
112
106
|
Here you can have arbitrary content like a map or charts etc.
|
|
113
107
|
|
|
114
|
-
#### Summary
|
|
115
|
-
|
|
116
|
-
Example - click on expand icon to use fullscreen
|
|
117
|
-
|
|
118
|
-
Sample content.
|
|
119
|
-
Here you can have arbitrary content like a map or charts etc.
|
|
120
|
-
|
|
121
108
|
#### React (tsx)
|
|
122
109
|
|
|
123
110
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useHover
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:40.955Z
|
|
7
7
|
|
|
8
8
|
## useHover
|
|
9
9
|
|
|
@@ -11,10 +11,6 @@
|
|
|
11
11
|
|
|
12
12
|
Lorem ipsum dolor sit amet
|
|
13
13
|
|
|
14
|
-
#### Summary
|
|
15
|
-
|
|
16
|
-
Lorem ipsum dolor sit amet
|
|
17
|
-
|
|
18
14
|
#### React (tsx)
|
|
19
15
|
|
|
20
16
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useIncomingPostMessages
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:47.230Z
|
|
7
7
|
|
|
8
8
|
For handling postMessage events in React components.
|
|
9
9
|
|
|
@@ -15,23 +15,7 @@ The payload does not have to be a simple string, but can be a complex object, as
|
|
|
15
15
|
|
|
16
16
|
### Example: Example 1
|
|
17
17
|
|
|
18
|
-
Send raw message ("hello, world")Send action:
|
|
19
|
-
Note that in this simple example, we're not really sending messages across windows. The origin-filtering handlers are in place, though. You can experiment by opening this page in an iframe inside a page with a different origin and try sending the same events as in the example code.
|
|
20
|
-
Simple events
|
|
21
|
-
Shows every incoming postMessage as-is (no origin filter or type parsing). Useful for quick debugging of any messages your page receives.
|
|
22
|
-
|
|
23
|
-
Simple events with origin filter
|
|
24
|
-
Same raw view, but driven by the origin+handler object form (instead of a single callback) and only for messages whose origin matches this page.
|
|
25
|
-
|
|
26
|
-
Action events
|
|
27
|
-
Only shows action-style messages (objects with a `type` field) and extracts their payload. Handy when you control the sender and use message types to route logic.
|
|
28
|
-
|
|
29
|
-
Action events with origin filter
|
|
30
|
-
Action messages constrained by origin. Use this to route typed messages while still protecting against unexpected origins.
|
|
31
|
-
|
|
32
|
-
#### Summary
|
|
33
|
-
|
|
34
|
-
Send raw message ("hello, world")Send action: EVENT_WIDGET_READYSend action: EVENT_WIDGET_DATA
|
|
18
|
+
Send raw message ("hello, world") Send action: EVENT_WIDGET_READY Send action: EVENT_WIDGET_DATA
|
|
35
19
|
Note that in this simple example, we're not really sending messages across windows. The origin-filtering handlers are in place, though. You can experiment by opening this page in an iframe inside a page with a different origin and try sending the same events as in the example code.
|
|
36
20
|
Simple events
|
|
37
21
|
Shows every incoming postMessage as-is (no origin filter or type parsing). Useful for quick debugging of any messages your page receives.
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useInterval
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:35.430Z
|
|
7
7
|
|
|
8
8
|
The useInterval hook allows for executing some code after a specified amount of time.
|
|
9
9
|
|
|
@@ -11,13 +11,7 @@ The useInterval hook allows for executing some code after a specified amount of
|
|
|
11
11
|
|
|
12
12
|
### Example: Example 1
|
|
13
13
|
|
|
14
|
-
Count:0
|
|
15
|
-
|
|
16
|
-
Stop
|
|
17
|
-
|
|
18
|
-
#### Summary
|
|
19
|
-
|
|
20
|
-
Count:0
|
|
14
|
+
Count: 0
|
|
21
15
|
|
|
22
16
|
Stop
|
|
23
17
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useIsFocusWithin
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:40.739Z
|
|
7
7
|
|
|
8
8
|
The useIsFocusWithin hook allows you to detect whether the focus is currently within a specific element or any of its children. This is useful for managing focus-based behavior like showing or hiding UI elements, styling active areas, or triggering accessibility behavior.
|
|
9
9
|
|
|
@@ -20,15 +20,6 @@ Simple input 2
|
|
|
20
20
|
|
|
21
21
|
Focus is outside the block
|
|
22
22
|
|
|
23
|
-
#### Summary
|
|
24
|
-
|
|
25
|
-
Click inside or outside
|
|
26
|
-
Simple input 1
|
|
27
|
-
|
|
28
|
-
Simple input 2
|
|
29
|
-
|
|
30
|
-
Focus is outside the block
|
|
31
|
-
|
|
32
23
|
#### React (tsx)
|
|
33
24
|
|
|
34
25
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useKey
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:41.456Z
|
|
7
7
|
|
|
8
8
|
The useKey hook allows to easily detect key events. It can be used in two ways, either to specify a specific key to listen for or with a callback to listen for all keys.
|
|
9
9
|
|
|
@@ -23,20 +23,6 @@ Key
|
|
|
23
23
|
|
|
24
24
|
pressed
|
|
25
25
|
|
|
26
|
-
#### Summary
|
|
27
|
-
|
|
28
|
-
Key
|
|
29
|
-
|
|
30
|
-
pressed
|
|
31
|
-
|
|
32
|
-
Key
|
|
33
|
-
|
|
34
|
-
pressed
|
|
35
|
-
|
|
36
|
-
Key
|
|
37
|
-
|
|
38
|
-
pressed
|
|
39
|
-
|
|
40
26
|
#### React (tsx)
|
|
41
27
|
|
|
42
28
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useLocalStorage
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:50.097Z
|
|
7
7
|
|
|
8
8
|
The useLocalStorage and the useSessionStorage hook allows to save custom data in the respective storage locations.
|
|
9
9
|
|
|
@@ -16,16 +16,7 @@ Tom - 26
|
|
|
16
16
|
"enableBuyOption": true
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
Set
|
|
20
|
-
|
|
21
|
-
#### Summary
|
|
22
|
-
|
|
23
|
-
Tom - 26
|
|
24
|
-
{
|
|
25
|
-
"enableBuyOption": true
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
Set NameSet AgeRemove NameRemove AgeToggle Settings
|
|
19
|
+
Set Name Set Age Remove Name Remove Age Toggle Settings
|
|
29
20
|
|
|
30
21
|
#### React (tsx)
|
|
31
22
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* UI state & input hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useLocationSuggestions
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:51.833Z
|
|
7
7
|
|
|
8
8
|
The useLocationSuggestions hook allows to use a side effect after the component has been mounted and rendered. The effect will not be triggered on mount and only when the dependencies change.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ The useLocationSuggestions hook allows to use a side effect after the component
|
|
|
13
13
|
|
|
14
14
|
Here map location search
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
Here map location search
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Data aggregation hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useMax
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:56.465Z
|
|
7
7
|
|
|
8
8
|
Returns the largest valid numeric value found at the specified path within a list of objects. Supports localized formats and gracefully skips unparsable values.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ Returns the largest valid numeric value found at the specified path within a lis
|
|
|
13
13
|
|
|
14
14
|
Longest duration: 1440 min
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
Longest duration: 1440 min
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Data aggregation hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useMin
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:56.398Z
|
|
7
7
|
|
|
8
8
|
Returns the smallest valid numeric value found at the specified path within a list of objects. Handles localized number strings and safely ignores invalid values.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ Returns the smallest valid numeric value found at the specified path within a li
|
|
|
13
13
|
|
|
14
14
|
Lowest shipment value: 850 €
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
Lowest shipment value: 850 €
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useMutationObserver
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:42.777Z
|
|
7
7
|
|
|
8
8
|
The useMutationObserver hook enables you to listen for changes on the given element or on its children. For more details, check out https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
|
|
9
9
|
|
|
@@ -14,16 +14,8 @@ The useMutationObserver hook enables you to listen for changes on the given elem
|
|
|
14
14
|
Demo callout
|
|
15
15
|
At vero eos et accusam et justo duo dolores et ea rebum clita kasd gubergren, no sea takimata.
|
|
16
16
|
|
|
17
|
-
Set Default
|
|
18
|
-
Element Changes
|
|
19
|
-
|
|
20
|
-
#### Summary
|
|
21
|
-
|
|
22
|
-
Demo callout
|
|
23
|
-
At vero eos et accusam et justo duo dolores et ea rebum clita kasd gubergren, no sea takimata.
|
|
24
|
-
|
|
25
|
-
Set Default StyleSet Primary StyleSet Secondary StyleSet Warning StyleSet Danger Style
|
|
26
|
-
Element Changes:-
|
|
17
|
+
Set Default Style Set Primary Style Set Secondary Style Set Warning Style Set Danger Style
|
|
18
|
+
Element Changes: -
|
|
27
19
|
|
|
28
20
|
#### React (tsx)
|
|
29
21
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useOnScreen
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:43.357Z
|
|
7
7
|
|
|
8
8
|
The useOnScreen hook tells you when an element is visible on screen.
|
|
9
9
|
|
|
@@ -12,14 +12,7 @@ The useOnScreen hook tells you when an element is visible on screen.
|
|
|
12
12
|
### Example: Example 1
|
|
13
13
|
|
|
14
14
|
Header 2 is not visible
|
|
15
|
-
Header
|
|
16
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde incidunt, nam id itaque error dicta? Numquam earum iusto optio officia, molestias debitis illum facilis nemo asperiores eaque voluptates modi? Dicta mollitia fugit doloremque vitae, dolores sequi fuga quas vel incidunt animi architecto dignissimos amet in quam praesentium corrupti voluptate dolorem impedit numquam aut cupiditate nulla! Nisi dolore dicta, cumque illum tempora enim dolores eum quis itaque nostrum architecto vel cum officiis aperiam qui exercitationem voluptatibus. Veritatis unde doloribus dolorem architecto, eum reprehenderit possimus similique eius cum obcaecati totam placeat. Delectus nulla, quae temporibus omnis assumenda autem ad quibusdam facilis aspernatur inventore nobis. Vitae architecto, unde consequuntur velit consequatur dicta mollitia, fuga iure hic accusamus blanditiis. Dignissimos, tenetur amet adipisci nostrum perferendis ad rerum accusamus distinctio repellendus eius, quisquam repellat nesciunt, consequatur culpa neque? Inventore vitae laborum aperiam ullam dolorem officiis ipsum aliquid doloribus pariatur, commodi iure illum soluta delectus, architecto ratione maiores accusamus. Provident quia sequi dolorum asperiores necessitatibus consequatur perspiciatis at a, inventore, deserunt corporis recusandae earum vero voluptas saepe pariatur, libero illo. Numquam facilis magnam exercitationem ipsam libero quidem minima dolores perferendis eveniet impedit eos, nesciunt unde velit facere itaque eum quasi laboriosam veritatis aliquid tenetur. Blanditiis exercitationem laborum, optio nulla minima libero sed doloremque soluta, dignissimos tempora rerum id nostrum iusto eveniet illo corrupti dicta. Non fuga exercitationem sit dignissimos voluptatibus cumque nobis iste asperiores illum fugit
|
|
17
|
-
Header 2
|
|
18
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde incidunt, nam id itaque error dicta? Numquam earum iusto optio officia, molestias debitis illum facilis nemo asperiores eaque voluptates modi? Dicta mollitia fugit doloremque vitae, dolores sequi fuga quas vel incidunt animi architecto dignissimos amet in quam praesentium corrupti voluptate dolorem impedit numquam aut cupiditate nulla! Nisi dolore dicta, cumque illum tempora enim dolores eum quis itaque nostrum architecto vel cum officiis aperiam qui exercitationem voluptatibus. Veritatis unde doloribus dolorem architecto, eum reprehenderit possimus similique eius cum obcaecati totam placeat. Delectus nulla, quae temporibus omnis assumenda autem ad quibusdam facilis aspernatur inventore nobis. Vitae architecto, unde consequuntur velit consequatur dicta mollitia, fuga iure hic accusamus blanditiis. Dignissimos, tenetur amet adipisci nostrum perferendis ad rerum accusamus distinctio repellendus eius, quisquam repellat nesciunt, consequatur culpa neque? Inventore vitae laborum aperiam ullam dolorem officiis ipsum aliquid doloribus pariatur, commodi iure illum soluta delectus, architecto ratione maiores accusamus. Provident quia sequi dolorum asperiores necessitatibus consequatur perspiciatis at a, inventore, deserunt corporis recusandae earum vero voluptas saepe pariatur, libero illo. Numquam facilis magnam exercitationem ipsam libero quidem minima dolores perferendis eveniet impedit eos, nesciunt unde velit facere itaque eum quasi laboriosam veritatis aliquid tenetur. Blanditiis exercitationem laborum, optio nulla minima libero sed doloremque soluta, dignissimos tempora rerum id nostrum iusto eveniet illo corrupti dicta. Non fuga exercitationem sit dignissimos voluptatibus cumque nobis iste asperiores illum fugit veritatis fugiat quia voluptates cupiditate vel rerum eligendi facere sint nostrum quam, maiores dolorem repellat voluptas! Magnam ullam quis quas aut consequuntur quo doloremque, earum sint soluta vero iste quasi voluptates labore rerum aspernatur illum esse maxime laudantium? Tempore perspiciatis perferendis ea dolorem et quasi eos illo beatae consectetur maxime, enim ducimus corrupti, accusantium quisquam rem dolorum itaque iste velit. Amet similique accusamus doloribus expedita modi a architecto accusantium labore unde non, dolore totam quaerat sit laboriosam quae ullam impedit, pariatur repudiandae quisquam debitis repellendus nihil. Cumque blanditiis ut recusandae illum! Maiores eveniet nulla exercitationem natus delectus est minus a architecto pariatur molestias quo nihil maxime quasi facere magnam neque dolorem ad, doloribus hic! Qui corporis perspiciatis dolores rem minima tenetur. Fugit ipsa consectetur ad reiciendis, quia iste, sapiente rerum exercitationem reprehenderit laborum eligendi cumque? Quia porro modi repudiandae nostrum accusamus! Corporis eum fugit nihil facilis placeat ab est obcaecati consequuntur qui atque tempore soluta aliquid saepe ducimus, at sed modi illo ipsa numquam ratione vero eos reprehenderit! Sapiente nesciunt consequatur labore iste quas possimus rem cumque, fugit laborum repellendus nisi adipisci officia temporibus quaerat! Beatae doloribus veritatis at, maiores suscipit debitis reiciendis cum impedit non aut modi iste? Placeat illo quisquam assumenda esse cum ipsum quasi perspiciatis voluptatem rerum itaque, similique quidem molestias exercitationem ullam eum amet tempore dolor aliquid unde deserunt dolore excepturi. Aut dolore rerum sequi nihil soluta eum expedita consequatur aliquid consequuntur saepe esse necessitatibus repudiandae, natus, officia enim odit rem nobis adipisci, voluptates autem dolor blanditiis ipsam animi a. Illo accusantium iure qui aperiam commodi, quidem, dolorem error eum animi, id nam? Corporis, non adipisci!
|
|
19
|
-
|
|
20
|
-
#### Summary
|
|
21
15
|
|
|
22
|
-
Header 2 is not visible
|
|
23
16
|
Header
|
|
24
17
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde incidunt, nam id itaque error dicta? Numquam earum iusto optio officia, molestias debitis illum facilis nemo asperiores eaque voluptates modi? Dicta mollitia fugit doloremque vitae, dolores sequi fuga quas vel incidunt animi architecto dignissimos amet in quam praesentium corrupti voluptate dolorem impedit numquam aut cupiditate nulla! Nisi dolore dicta, cumque illum tempora enim dolores eum quis itaque nostrum architecto vel cum officiis aperiam qui exercitationem voluptatibus. Veritatis unde doloribus dolorem architecto, eum reprehenderit possimus similique eius cum obcaecati totam placeat. Delectus nulla, quae temporibus omnis assumenda autem ad quibusdam facilis aspernatur inventore nobis. Vitae architecto, unde consequuntur velit consequatur dicta mollitia, fuga iure hic accusamus blanditiis. Dignissimos, tenetur amet adipisci nostrum perferendis ad rerum accusamus distinctio repellendus eius, quisquam repellat nesciunt, consequatur culpa neque? Inventore vitae laborum aperiam ullam dolorem officiis ipsum aliquid doloribus pariatur, commodi iure illum soluta delectus, architecto ratione maiores accusamus. Provident quia sequi dolorum asperiores necessitatibus consequatur perspiciatis at a, inventore, deserunt corporis recusandae earum vero voluptas saepe pariatur, libero illo. Numquam facilis magnam exercitationem ipsam libero quidem minima dolores perferendis eveniet impedit eos, nesciunt unde velit facere itaque eum quasi laboriosam veritatis aliquid tenetur. Blanditiis exercitationem laborum, optio nulla minima libero sed doloremque soluta, dignissimos tempora rerum id nostrum iusto eveniet illo corrupti dicta. Non fuga exercitationem sit dignissimos voluptatibus cumque nobis iste asperiores illum fugit
|
|
25
18
|
Header 2
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useOnlineStatus
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:49.569Z
|
|
7
7
|
|
|
8
8
|
The useOnlineStatus hook tells you when there is a network connection or not.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ The useOnlineStatus hook tells you when there is a network connection or not.
|
|
|
13
13
|
|
|
14
14
|
You are online
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
You are online
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/usePostMessage
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:49.551Z
|
|
7
7
|
|
|
8
8
|
The usePostMessage hook allows to easily exchange events and data between the parent window and embedded iframes.
|
|
9
9
|
|
|
@@ -15,13 +15,7 @@ Deprecated hookThis hook is deprecated and no longer maintained. Please switch t
|
|
|
15
15
|
|
|
16
16
|
Parent window
|
|
17
17
|
Send message to widget iframe
|
|
18
|
-
Message from widget
|
|
19
|
-
|
|
20
|
-
#### Summary
|
|
21
|
-
|
|
22
|
-
Parent window
|
|
23
|
-
Send message to widget iframe
|
|
24
|
-
Message from widget:-
|
|
18
|
+
Message from widget: -
|
|
25
19
|
|
|
26
20
|
#### React (tsx)
|
|
27
21
|
|
|
@@ -94,7 +88,7 @@ export default () => {
|
|
|
94
88
|
</div>
|
|
95
89
|
</div>
|
|
96
90
|
<div class="iframe-wrapper">
|
|
97
|
-
<iframe title="iframe" id="postMessageExample" src="/#postMessageExample" class="unstyled width-100pct" style="width: 1px; min-width: 100%; overflow: hidden; height:
|
|
91
|
+
<iframe title="iframe" id="postMessageExample" src="/#postMessageExample" class="unstyled width-100pct" style="width: 1px; min-width: 100%; overflow: hidden; height: 150px;" scrolling="no">
|
|
98
92
|
</iframe>
|
|
99
93
|
</div>
|
|
100
94
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/usePostMessageSender
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:50.191Z
|
|
7
7
|
|
|
8
8
|
Helper hook to fire postMessage events to other windows: a specific target (including yourself), the parent or top window, or every iframe on the page. It uses the wildcard target origin (*) and no-ops when a target window is missing, so it is safe to call even when an iframe or parent is not present.
|
|
9
9
|
|
|
@@ -11,18 +11,8 @@ Helper hook to fire postMessage events to other windows: a specific target (incl
|
|
|
11
11
|
|
|
12
12
|
### Example: Example 1
|
|
13
13
|
|
|
14
|
-
Use the buttons below to dispatch messages using usePostMessageSender. The gray box below is a real
|
|
15
|
-
Send to Self (Window)Send to Iframe (Ref)Broadcast to All
|
|
16
|
-
Target Iframe
|
|
17
|
-
This iframe acts as a separate window context. It runs a script to display what it receives.
|
|
18
|
-
|
|
19
|
-
Activity Log
|
|
20
|
-
Shows outgoing confirmations and incoming "Echos" from the iframe.
|
|
21
|
-
|
|
22
|
-
#### Summary
|
|
23
|
-
|
|
24
|
-
Use the buttons below to dispatch messages using usePostMessageSender. The gray box below is a real <iframe> that listens for your messages and sends an IFRAME_ECHO back.
|
|
25
|
-
Send to Self (Window)Send to Iframe (Ref)Broadcast to All IframesSend to Parent
|
|
14
|
+
Use the buttons below to dispatch messages using usePostMessageSender . The gray box below is a real <iframe> that listens for your messages and sends an IFRAME_ECHO back.
|
|
15
|
+
Send to Self (Window) Send to Iframe (Ref) Broadcast to All Iframes Send to Parent
|
|
26
16
|
Target Iframe
|
|
27
17
|
This iframe acts as a separate window context. It runs a script to display what it receives.
|
|
28
18
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Lifecycle & execution hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/usePrevious
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:36.456Z
|
|
7
7
|
|
|
8
8
|
The usePrevious hook allows to easily access state from previous component render. Instead of using a React.ref and a useEffect, this hook uses a useState internally to keep track of the previous state value.
|
|
9
9
|
|
|
@@ -34,10 +34,6 @@ setSelection(null);
|
|
|
34
34
|
|
|
35
35
|
{ count: 1, previousCount: 1 }
|
|
36
36
|
|
|
37
|
-
#### Summary
|
|
38
|
-
|
|
39
|
-
{ count: 1, previousCount: 1 }
|
|
40
|
-
|
|
41
37
|
#### React (tsx)
|
|
42
38
|
|
|
43
39
|
```tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* DOM behavior hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useResizeObserver
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:44.548Z
|
|
7
7
|
|
|
8
8
|
The useResizeObserver hook allows to react on resize changes of a given element.
|
|
9
9
|
|
|
@@ -15,11 +15,7 @@ To include the target elements padding, please use the borderBoxSize instead.
|
|
|
15
15
|
|
|
16
16
|
### Example: Example 1
|
|
17
17
|
|
|
18
|
-
Box with
|
|
19
|
-
|
|
20
|
-
#### Summary
|
|
21
|
-
|
|
22
|
-
Box with padding200x50
|
|
18
|
+
Box with padding 200x50
|
|
23
19
|
|
|
24
20
|
#### React (tsx)
|
|
25
21
|
|
|
@@ -83,11 +79,7 @@ ref
|
|
|
83
79
|
|
|
84
80
|
### Example: Example 2
|
|
85
81
|
|
|
86
|
-
Box without
|
|
87
|
-
|
|
88
|
-
#### Summary
|
|
89
|
-
|
|
90
|
-
Box without padding200x50
|
|
82
|
+
Box without padding 200x50
|
|
91
83
|
|
|
92
84
|
#### React (tsx)
|
|
93
85
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Utilities
|
|
4
4
|
*Section:* Browser & device hooks
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/utilities/useRioCookieConsent
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:47.562Z
|
|
7
7
|
|
|
8
8
|
The useRioCookieConsent hook reads and parses RIO's cookie_settings cookie and returns a typed consent state.
|
|
9
9
|
|
|
@@ -13,10 +13,6 @@ The useRioCookieConsent hook reads and parses RIO's cookie_settings cookie and r
|
|
|
13
13
|
|
|
14
14
|
Check RIO cookie disclaimer status
|
|
15
15
|
|
|
16
|
-
#### Summary
|
|
17
|
-
|
|
18
|
-
Check RIO cookie disclaimer status
|
|
19
|
-
|
|
20
16
|
#### React (tsx)
|
|
21
17
|
|
|
22
18
|
```tsx
|