@rio-cloud/uikit-mcp 1.1.2 → 1.1.4
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 +117 -127
- package/dist/docs/components/accentBar.md +2 -34
- package/dist/docs/components/activity.md +2 -13
- package/dist/docs/components/animatedNumber.md +4 -17
- package/dist/docs/components/animatedTextReveal.md +7 -54
- package/dist/docs/components/animations.md +42 -34
- package/dist/docs/components/appHeader.md +2 -73
- package/dist/docs/components/appLayout.md +36 -496
- package/dist/docs/components/appNavigationBar.md +2 -54
- package/dist/docs/components/areaCharts.md +37 -37
- package/dist/docs/components/aspectRatioPlaceholder.md +2 -11
- package/dist/docs/components/assetTree.md +435 -901
- package/dist/docs/components/autosuggests.md +4 -4
- package/dist/docs/components/avatar.md +2 -24
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +186 -186
- package/dist/docs/components/barList.md +12 -46
- package/dist/docs/components/basicMap.md +7 -7
- package/dist/docs/components/bottomSheet.md +3 -100
- package/dist/docs/components/button.md +16 -71
- package/dist/docs/components/buttonToolbar.md +2 -9
- package/dist/docs/components/calendarStripe.md +95 -121
- package/dist/docs/components/card.md +2 -10
- 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 +11 -111
- package/dist/docs/components/clearableInput.md +7 -111
- package/dist/docs/components/collapse.md +3 -29
- package/dist/docs/components/composedCharts.md +31 -31
- package/dist/docs/components/contentLoader.md +104 -122
- package/dist/docs/components/dataTabs.md +24 -194
- package/dist/docs/components/datepickers.md +727 -769
- package/dist/docs/components/dialogs.md +15 -262
- package/dist/docs/components/divider.md +2 -14
- package/dist/docs/components/dropdowns.md +4387 -4550
- package/dist/docs/components/editableContent.md +2 -186
- package/dist/docs/components/expander.md +23 -70
- package/dist/docs/components/fade.md +6 -41
- package/dist/docs/components/fadeExpander.md +2 -11
- package/dist/docs/components/fadeUp.md +3 -23
- package/dist/docs/components/feedback.md +2 -42
- package/dist/docs/components/filePickers.md +2 -44
- package/dist/docs/components/formLabel.md +2 -18
- package/dist/docs/components/groupedItemList.md +2 -53
- package/dist/docs/components/iconList.md +3 -3
- package/dist/docs/components/imagePreloader.md +2 -6
- package/dist/docs/components/labeledElement.md +2 -11
- package/dist/docs/components/licensePlate.md +2 -10
- package/dist/docs/components/lineCharts.md +60 -60
- package/dist/docs/components/listMenu.md +2 -50
- package/dist/docs/components/loadMore.md +2 -28
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +3 -3
- package/dist/docs/components/mapCluster.md +5 -5
- package/dist/docs/components/mapContext.md +3 -3
- package/dist/docs/components/mapDraggableMarker.md +3 -3
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +3 -3
- package/dist/docs/components/mapLayerGroup.md +3 -3
- package/dist/docs/components/mapMarker.md +341 -347
- package/dist/docs/components/mapPolygon.md +20 -24
- package/dist/docs/components/mapRoute.md +26 -32
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +273 -284
- package/dist/docs/components/mapUtils.md +3 -5
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +2 -22
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +2 -48
- package/dist/docs/components/onboarding.md +2 -46
- package/dist/docs/components/page.md +2 -32
- package/dist/docs/components/pager.md +2 -14
- package/dist/docs/components/pieCharts.md +125 -157
- package/dist/docs/components/popover.md +2 -56
- package/dist/docs/components/position.md +2 -10
- package/dist/docs/components/radialBarCharts.md +506 -506
- package/dist/docs/components/radiobutton.md +81 -191
- package/dist/docs/components/releaseNotes.md +1 -12
- package/dist/docs/components/resizer.md +2 -14
- package/dist/docs/components/responsiveColumnStripe.md +2 -19
- package/dist/docs/components/responsiveVideo.md +2 -11
- package/dist/docs/components/rioglyph.md +2 -12
- package/dist/docs/components/rules.md +69 -133
- package/dist/docs/components/saveableInput.md +279 -393
- package/dist/docs/components/selects.md +9996 -15
- package/dist/docs/components/sidebar.md +2 -39
- package/dist/docs/components/sliders.md +2 -37
- package/dist/docs/components/smoothScrollbars.md +2 -56
- package/dist/docs/components/spinners.md +5 -51
- package/dist/docs/components/states.md +21 -245
- package/dist/docs/components/statsWidgets.md +2 -113
- package/dist/docs/components/statusBar.md +2 -28
- package/dist/docs/components/stepButton.md +2 -8
- package/dist/docs/components/steppedProgressBars.md +2 -66
- package/dist/docs/components/subNavigation.md +1 -8
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +2 -12
- package/dist/docs/components/switch.md +2 -11
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +4 -58
- package/dist/docs/components/tags.md +2 -31
- package/dist/docs/components/teaser.md +2 -30
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +2 -26
- package/dist/docs/components/toggleButton.md +7 -29
- package/dist/docs/components/tooltip.md +9 -40
- package/dist/docs/components/virtualList.md +73 -99
- package/dist/docs/foundations.md +167 -167
- package/dist/docs/start/changelog.md +23 -1
- 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 +80 -27
- 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 +9 -9
- 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 +200 -200
- package/dist/docs/templates/loading-progress.md +3 -3
- 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 +41 -41
- 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 +6 -3
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/routeUtils.md +59 -23
- 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 +7 -5
- 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 +2 -2
- 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 +54 -54
- package/dist/docs/utilities/useTableSelection.md +93 -93
- 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 +8 -2
- package/dist/version.json +2 -2
- package/package.json +8 -8
- package/dist/docs/components/fullscreenMap.md +0 -10
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Application
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/sidebar
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:06:53.208Z
|
|
7
7
|
|
|
8
8
|
There are 2 kinds of Sidebars. The default fluid and the fly variant.
|
|
9
9
|
|
|
@@ -292,41 +292,4 @@ export default SidebarDemos;
|
|
|
292
292
|
</div>
|
|
293
293
|
</div>
|
|
294
294
|
</div>
|
|
295
|
-
```
|
|
296
|
-
|
|
297
|
-
#### Props
|
|
298
|
-
|
|
299
|
-
| Name | Type | Default | Description |
|
|
300
|
-
| --- | --- | --- | --- |
|
|
301
|
-
| closed | boolean | false | Defines whether the component is hidden or not. |
|
|
302
|
-
| fly | boolean | false | Defines if the component will overlap the body content. |
|
|
303
|
-
| resizable | boolean | false | Defines whether or not the sidebar is resizable. |
|
|
304
|
-
| onResizeEnd | VoidFunction | () => {} | Callback for when the resize is done. |
|
|
305
|
-
| position | string | Sidebar.LEFT | Tells the sidebar where it is positioned. This will affect the resizing behavior respectively. Possible values are: Sidebar.LEFT, Sidebar.RIGHT or 'left''right' |
|
|
306
|
-
| width | number | 350 | Defines the width of the component. The value is set as pixel value as inline style. |
|
|
307
|
-
| minWidth | number | 100 | Defines the minimum width in px of the component that will take effect when resizing. |
|
|
308
|
-
| maxWidth | number | 800 | Defines the maximum width in px of the component that will take effect when resizing. |
|
|
309
|
-
| switchModeBreakpoint | number | 0 | Defines the breakpoint in pixel when the sidebar mode shall be changed. If the window width is lower than the given breakpoint the mode is set to fly. If the window width is higher the mode is set to fluid. This functionality is disabled by default and will be enabled when defining a breakpoint higher than 0. |
|
|
310
|
-
| title | string \| ReactNode | — | Content that will be displayed in the components header. |
|
|
311
|
-
| footer | string \| ReactNode | — | The Footer content. For example a save button. |
|
|
312
|
-
| onClose | VoidFunction | () => {} | Callback function triggered when clicking the close icon. |
|
|
313
|
-
| disableClose | boolean | false | Hides the close button. This may be used when the sidebar is always visible and may not be closed. |
|
|
314
|
-
| openInFullscreen | boolean | false | Opens Sidebar in fullscreen, means 100vw. |
|
|
315
|
-
| onFullScreenChange | (newFullscreenState: boolean) => void | () => {} | Callback for when the fullscreen is toggled. |
|
|
316
|
-
| enableFullscreenToggle | boolean | false | Enables the fullscreen functionality and shows the fullscreen toggle. |
|
|
317
|
-
| fullscreenToggleTooltip | string | — | Translated tooltip text for the fullscreen toggle button. |
|
|
318
|
-
| disableEsc | boolean | false | By default the fullscreen mode can be left with "esc". If this is unwanted it can be disabled. |
|
|
319
|
-
| className | string | — | Additional classes added on the wrapper element. |
|
|
320
|
-
| headerClassName | string | — | Additional classes added to the Sidebar header. |
|
|
321
|
-
| showHeaderBorder | boolean | — | Shows a sidebar header border |
|
|
322
|
-
| titleClassName | string | — | Additional classes added to the Sidebar title. |
|
|
323
|
-
| bodyClassName | string | — | Additional classes added to the Sidebar body. |
|
|
324
|
-
| footerClassName | string | — | Additional classes added to the Sidebar footer. |
|
|
325
|
-
| bodyRef | React.MutableRefObject<object> | — | Additional ref added to the Sidebar body. |
|
|
326
|
-
| hasBackdrop | boolean | false | Defined whether or not a backdrop will be rendered behind the Sidebar to avoid clicks outside. |
|
|
327
|
-
| hasSmoothScrollbar | boolean | false | Defined whether or not the UIKIT SmoothScrollbar is active |
|
|
328
|
-
| makeBackdropVisible | boolean | false | Defined whether or not the backdrop is visible similar to the backdrop for modal dialogs. |
|
|
329
|
-
| onBackdropClick | VoidFunction | () => {} | Callback for when the backdrop is clicked. This comes in handy when handling transient data from the sidebar which need to be saved first and handle clicks outside. |
|
|
330
|
-
| backdropClassName | string | — | Additional classes added to the Sidebar backdrop. |
|
|
331
|
-
| headerButtons | Node | — | Additional buttons to be rendered in the header. |
|
|
332
|
-
| children | any | — | Any element to be rendered inside the body element. |
|
|
295
|
+
```
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Interaction
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/sliders
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:06.095Z
|
|
7
7
|
|
|
8
8
|
## Slider
|
|
9
9
|
|
|
@@ -225,24 +225,6 @@ export default SliderExample;
|
|
|
225
225
|
</div>
|
|
226
226
|
```
|
|
227
227
|
|
|
228
|
-
#### Props
|
|
229
|
-
|
|
230
|
-
| Name | Type | Default | Description |
|
|
231
|
-
| --- | --- | --- | --- |
|
|
232
|
-
| value | Number | 0 | The current value. |
|
|
233
|
-
| minValue | Number | 0 | The lower limit. |
|
|
234
|
-
| maxValue | Number | Number.MAX_VALUE | The upper limit. |
|
|
235
|
-
| valueLabels | Boolean | false | Whether to show the value labels. |
|
|
236
|
-
| largeValueLabels | Boolean | false | Whether to show larger value labels instead of the normal ones. |
|
|
237
|
-
| valueLabelUnit | String | — | Additional unit used for the slider value label. |
|
|
238
|
-
| hideValueBar | Boolean | false | Whether to hide the dark-colored value bar. |
|
|
239
|
-
| step | Number | 1 | Selector step value. |
|
|
240
|
-
| color | String | 'primary' | Defines the color of the slider. Possible values are:'primary', 'secondary', 'info', 'success', 'warning' or 'danger'. |
|
|
241
|
-
| disabled | Boolean | false | Disables all pointer-events. |
|
|
242
|
-
| onChange | (newValue: number) => void | () => {} | Callback to get the new value every time it changes. |
|
|
243
|
-
| onDragEnd | (newValue: number) => void | () => {} | Callback to get the value after the slider ended dragging. |
|
|
244
|
-
| className | String | — | Additional classes to be set on the wrapper element. |
|
|
245
|
-
|
|
246
228
|
## RangeSlider
|
|
247
229
|
|
|
248
230
|
### Example: Example 2
|
|
@@ -356,21 +338,4 @@ export default () => (
|
|
|
356
338
|
<input class="" min="-50" max="1000" step="1" type="range" value="800" style="z-index: 5;">
|
|
357
339
|
</div>
|
|
358
340
|
</div>
|
|
359
|
-
```
|
|
360
|
-
|
|
361
|
-
#### Props
|
|
362
|
-
|
|
363
|
-
| Name | Type | Default | Description |
|
|
364
|
-
| --- | --- | --- | --- |
|
|
365
|
-
| leftValue | Number | — | The current left value of the selected range. |
|
|
366
|
-
| rightValue | Number | — | The current right value of the selected range. |
|
|
367
|
-
| minValue | Number | 0 | The lower limit. |
|
|
368
|
-
| maxValue | Number | Number.MAX_VALUE | The upper limit. |
|
|
369
|
-
| valueLabels | Boolean | false | Whether to show the value labels. |
|
|
370
|
-
| valueLabelUnit | String | — | Additional unit used for the slider value label. |
|
|
371
|
-
| step | Number | 1 | Selector step value. |
|
|
372
|
-
| color | String | 'primary' | Defines the color of the slider. Possible values are:'primary', 'secondary', 'info', 'success', 'warning' or 'danger'. |
|
|
373
|
-
| disabled | Boolean | false | Disables all pointer-events. |
|
|
374
|
-
| onChange | (newLeft: number, newRight: number) => void | () => {} | Callback to get the new value every time it changes. |
|
|
375
|
-
| onDragEnd | (newLeft: number, newRight: number) => void | () => {} | Callback to get the value after the slider ended dragging. |
|
|
376
|
-
| className | String | — | Additional classes to be set on the wrapper element. |
|
|
341
|
+
```
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/smoothScrollbars
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:52.668Z
|
|
7
7
|
|
|
8
8
|
## SmoothScrollbars
|
|
9
9
|
|
|
@@ -104,15 +104,6 @@ export default () => (
|
|
|
104
104
|
</div>
|
|
105
105
|
```
|
|
106
106
|
|
|
107
|
-
#### Props
|
|
108
|
-
|
|
109
|
-
| Name | Type | Default | Description |
|
|
110
|
-
| --- | --- | --- | --- |
|
|
111
|
-
| slideIn | Boolean | false | Defines whether the scrollbars should slide in on hover |
|
|
112
|
-
| largeTrack | Boolean | false | Defines whether the scrollbars should be slightly larger |
|
|
113
|
-
| trackOffset | Boolean | false | Defines whether the scrollbars should have an offset |
|
|
114
|
-
| className | String | — | Additional classes to be set on the wrapper element |
|
|
115
|
-
|
|
116
107
|
### Example: Slide in on hover
|
|
117
108
|
|
|
118
109
|
Slide in on hover
|
|
@@ -208,15 +199,6 @@ export default () => (
|
|
|
208
199
|
</div>
|
|
209
200
|
```
|
|
210
201
|
|
|
211
|
-
#### Props
|
|
212
|
-
|
|
213
|
-
| Name | Type | Default | Description |
|
|
214
|
-
| --- | --- | --- | --- |
|
|
215
|
-
| slideIn | Boolean | false | Defines whether the scrollbars should slide in on hover |
|
|
216
|
-
| largeTrack | Boolean | false | Defines whether the scrollbars should be slightly larger |
|
|
217
|
-
| trackOffset | Boolean | false | Defines whether the scrollbars should have an offset |
|
|
218
|
-
| className | String | — | Additional classes to be set on the wrapper element |
|
|
219
|
-
|
|
220
202
|
### Example: Larger track
|
|
221
203
|
|
|
222
204
|
Larger track
|
|
@@ -312,15 +294,6 @@ export default () => (
|
|
|
312
294
|
</div>
|
|
313
295
|
```
|
|
314
296
|
|
|
315
|
-
#### Props
|
|
316
|
-
|
|
317
|
-
| Name | Type | Default | Description |
|
|
318
|
-
| --- | --- | --- | --- |
|
|
319
|
-
| slideIn | Boolean | false | Defines whether the scrollbars should slide in on hover |
|
|
320
|
-
| largeTrack | Boolean | false | Defines whether the scrollbars should be slightly larger |
|
|
321
|
-
| trackOffset | Boolean | false | Defines whether the scrollbars should have an offset |
|
|
322
|
-
| className | String | — | Additional classes to be set on the wrapper element |
|
|
323
|
-
|
|
324
297
|
### Example: Track with offset
|
|
325
298
|
|
|
326
299
|
Track with offset
|
|
@@ -416,15 +389,6 @@ export default () => (
|
|
|
416
389
|
</div>
|
|
417
390
|
```
|
|
418
391
|
|
|
419
|
-
#### Props
|
|
420
|
-
|
|
421
|
-
| Name | Type | Default | Description |
|
|
422
|
-
| --- | --- | --- | --- |
|
|
423
|
-
| slideIn | Boolean | false | Defines whether the scrollbars should slide in on hover |
|
|
424
|
-
| largeTrack | Boolean | false | Defines whether the scrollbars should be slightly larger |
|
|
425
|
-
| trackOffset | Boolean | false | Defines whether the scrollbars should have an offset |
|
|
426
|
-
| className | String | — | Additional classes to be set on the wrapper element |
|
|
427
|
-
|
|
428
392
|
### Example: Horizontal Example
|
|
429
393
|
|
|
430
394
|
Horizontal Example
|
|
@@ -688,15 +652,6 @@ export default () => (
|
|
|
688
652
|
</div>
|
|
689
653
|
```
|
|
690
654
|
|
|
691
|
-
#### Props
|
|
692
|
-
|
|
693
|
-
| Name | Type | Default | Description |
|
|
694
|
-
| --- | --- | --- | --- |
|
|
695
|
-
| slideIn | Boolean | false | Defines whether the scrollbars should slide in on hover |
|
|
696
|
-
| largeTrack | Boolean | false | Defines whether the scrollbars should be slightly larger |
|
|
697
|
-
| trackOffset | Boolean | false | Defines whether the scrollbars should have an offset |
|
|
698
|
-
| className | String | — | Additional classes to be set on the wrapper element |
|
|
699
|
-
|
|
700
655
|
### Example: Full Example
|
|
701
656
|
|
|
702
657
|
Full Example
|
|
@@ -1168,13 +1123,4 @@ export default () => (
|
|
|
1168
1123
|
</div>
|
|
1169
1124
|
</div>
|
|
1170
1125
|
</div>
|
|
1171
|
-
```
|
|
1172
|
-
|
|
1173
|
-
#### Props
|
|
1174
|
-
|
|
1175
|
-
| Name | Type | Default | Description |
|
|
1176
|
-
| --- | --- | --- | --- |
|
|
1177
|
-
| slideIn | Boolean | false | Defines whether the scrollbars should slide in on hover |
|
|
1178
|
-
| largeTrack | Boolean | false | Defines whether the scrollbars should be slightly larger |
|
|
1179
|
-
| trackOffset | Boolean | false | Defines whether the scrollbars should have an offset |
|
|
1180
|
-
| className | String | — | Additional classes to be set on the wrapper element |
|
|
1126
|
+
```
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Misc
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#components/spinners
|
|
6
|
-
*Captured:*
|
|
6
|
+
*Captured:* 2026-01-14T09:07:52.432Z
|
|
7
7
|
|
|
8
8
|
## Spinner
|
|
9
9
|
|
|
@@ -133,18 +133,6 @@ export default () => (
|
|
|
133
133
|
</div>
|
|
134
134
|
```
|
|
135
135
|
|
|
136
|
-
#### Props
|
|
137
|
-
|
|
138
|
-
| Name | Type | Default | Description |
|
|
139
|
-
| --- | --- | --- | --- |
|
|
140
|
-
| isInverse | Boolean | false | Defines whether the spinner is shown on bright or dark background. |
|
|
141
|
-
| isDoubleSized | Boolean | false | If set to "true" the spinner will be rendered twice as big. |
|
|
142
|
-
| isFullSized | Boolean | false | Renders the spinner as overlay in full-size mode, relative to the parent container. Set the parent element to "position-relative" in this case. |
|
|
143
|
-
| isFullScreen | Boolean | false | Renders the spinner in fullscreen mode, relative to the body. |
|
|
144
|
-
| isInline | Boolean | false | Renders the spinner without centered wrapper. |
|
|
145
|
-
| show | Boolean | false | Flag to control the visibility of the spinner. Only relevant in combination with isFullSized or isFullScreen to animate the appearance. |
|
|
146
|
-
| text | String / Node | — | The text shown next to the spinner icon. |
|
|
147
|
-
|
|
148
136
|
## Spinner in Buttons
|
|
149
137
|
|
|
150
138
|
### Example: Example 2
|
|
@@ -182,7 +170,7 @@ Spinner in icon only button .btn-loading .btn-icon-only
|
|
|
182
170
|
#### React (tsx)
|
|
183
171
|
|
|
184
172
|
```tsx
|
|
185
|
-
|
|
173
|
+
const SpinnerButtonsExample = () => (
|
|
186
174
|
<div>
|
|
187
175
|
<div className='form-group'>
|
|
188
176
|
<label>
|
|
@@ -250,6 +238,8 @@ export default () => (
|
|
|
250
238
|
</div>
|
|
251
239
|
</div>
|
|
252
240
|
);
|
|
241
|
+
|
|
242
|
+
export default SpinnerButtonsExample;
|
|
253
243
|
```
|
|
254
244
|
|
|
255
245
|
#### HTML (html)
|
|
@@ -368,18 +358,6 @@ export default () => (
|
|
|
368
358
|
</div>
|
|
369
359
|
```
|
|
370
360
|
|
|
371
|
-
#### Props
|
|
372
|
-
|
|
373
|
-
| Name | Type | Default | Description |
|
|
374
|
-
| --- | --- | --- | --- |
|
|
375
|
-
| isInverse | Boolean | false | Defines whether the spinner is shown on bright or dark background. |
|
|
376
|
-
| isDoubleSized | Boolean | false | If set to "true" the spinner will be rendered twice as big. |
|
|
377
|
-
| isFullSized | Boolean | false | Renders the spinner as overlay in full-size mode, relative to the parent container. Set the parent element to "position-relative" in this case. |
|
|
378
|
-
| isFullScreen | Boolean | false | Renders the spinner in fullscreen mode, relative to the body. |
|
|
379
|
-
| isInline | Boolean | false | Renders the spinner without centered wrapper. |
|
|
380
|
-
| show | Boolean | false | Flag to control the visibility of the spinner. Only relevant in combination with isFullSized or isFullScreen to animate the appearance. |
|
|
381
|
-
| text | String / Node | — | The text shown next to the spinner icon. |
|
|
382
|
-
|
|
383
361
|
## Spinner fullsized
|
|
384
362
|
|
|
385
363
|
### Example: Example 4
|
|
@@ -437,18 +415,6 @@ export default () => {
|
|
|
437
415
|
</div>
|
|
438
416
|
```
|
|
439
417
|
|
|
440
|
-
#### Props
|
|
441
|
-
|
|
442
|
-
| Name | Type | Default | Description |
|
|
443
|
-
| --- | --- | --- | --- |
|
|
444
|
-
| isInverse | Boolean | false | Defines whether the spinner is shown on bright or dark background. |
|
|
445
|
-
| isDoubleSized | Boolean | false | If set to "true" the spinner will be rendered twice as big. |
|
|
446
|
-
| isFullSized | Boolean | false | Renders the spinner as overlay in full-size mode, relative to the parent container. Set the parent element to "position-relative" in this case. |
|
|
447
|
-
| isFullScreen | Boolean | false | Renders the spinner in fullscreen mode, relative to the body. |
|
|
448
|
-
| isInline | Boolean | false | Renders the spinner without centered wrapper. |
|
|
449
|
-
| show | Boolean | false | Flag to control the visibility of the spinner. Only relevant in combination with isFullSized or isFullScreen to animate the appearance. |
|
|
450
|
-
| text | String / Node | — | The text shown next to the spinner icon. |
|
|
451
|
-
|
|
452
418
|
## Spinner fullscreen
|
|
453
419
|
|
|
454
420
|
### Example: Example 5
|
|
@@ -491,16 +457,4 @@ export default () => {
|
|
|
491
457
|
<button class="btn btn-default margin-top-25" type="button">Toggle fullscreen loading spinner</button>
|
|
492
458
|
<p>exit fullscreen with esc key</p>
|
|
493
459
|
</div>
|
|
494
|
-
```
|
|
495
|
-
|
|
496
|
-
#### Props
|
|
497
|
-
|
|
498
|
-
| Name | Type | Default | Description |
|
|
499
|
-
| --- | --- | --- | --- |
|
|
500
|
-
| isInverse | Boolean | false | Defines whether the spinner is shown on bright or dark background. |
|
|
501
|
-
| isDoubleSized | Boolean | false | If set to "true" the spinner will be rendered twice as big. |
|
|
502
|
-
| isFullSized | Boolean | false | Renders the spinner as overlay in full-size mode, relative to the parent container. Set the parent element to "position-relative" in this case. |
|
|
503
|
-
| isFullScreen | Boolean | false | Renders the spinner in fullscreen mode, relative to the body. |
|
|
504
|
-
| isInline | Boolean | false | Renders the spinner without centered wrapper. |
|
|
505
|
-
| show | Boolean | false | Flag to control the visibility of the spinner. Only relevant in combination with isFullSized or isFullScreen to animate the appearance. |
|
|
506
|
-
| text | String / Node | — | The text shown next to the spinner icon. |
|
|
460
|
+
```
|