@rio-cloud/uikit-mcp 1.1.8 → 1.1.10
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 +17 -7
- package/dist/doc-metadata.json +325 -85
- package/dist/docs/components/accentBar.md +110 -116
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +628 -0
- package/dist/docs/components/animatedNumber.md +2 -2
- package/dist/docs/components/animatedTextReveal.md +53 -55
- package/dist/docs/components/animations.md +22 -22
- package/dist/docs/components/appHeader.md +27 -38
- package/dist/docs/components/appLayout.md +38 -42
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +57 -63
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +200 -167
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +531 -417
- package/dist/docs/components/barList.md +9 -9
- package/dist/docs/components/basicMap.md +60 -39
- package/dist/docs/components/bottomSheet.md +2 -2
- package/dist/docs/components/button.md +8 -2
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +57 -65
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -3
- package/dist/docs/components/chartsGettingStarted.md +1 -3
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +15 -12
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -4
- package/dist/docs/components/composedCharts.md +63 -53
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +33 -33
- package/dist/docs/components/datepickers.md +693 -687
- package/dist/docs/components/dayPicker.md +5574 -0
- package/dist/docs/components/dayPickerCalendar.md +5269 -0
- package/dist/docs/components/dialogs.md +17 -19
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3252 -3276
- package/dist/docs/components/editableContent.md +91 -91
- package/dist/docs/components/expander.md +4 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +32 -36
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +29 -31
- package/dist/docs/components/groupedItemList.md +3 -7
- package/dist/docs/components/htmlTable.md +5074 -0
- package/dist/docs/components/iconList.md +4 -4
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +172 -172
- package/dist/docs/components/listMenu.md +15 -12
- package/dist/docs/components/loadMore.md +4 -2
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +10 -1
- package/dist/docs/components/mapCluster.md +23 -1
- package/dist/docs/components/mapContext.md +12 -4
- package/dist/docs/components/mapDraggableMarker.md +12 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +129 -2
- package/dist/docs/components/mapLayerGroup.md +10 -1
- package/dist/docs/components/mapMarker.md +10 -3
- package/dist/docs/components/mapPolygon.md +288 -85
- package/dist/docs/components/mapRoute.md +262 -172
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +23 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/multiselects.md +211 -18
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +2 -2
- package/dist/docs/components/numbercontrol.md +15 -15
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +237 -213
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +446 -400
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +96 -98
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -3
- package/dist/docs/components/responsiveColumnStripe.md +1 -3
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +41 -47
- package/dist/docs/components/saveableInput.md +252 -252
- package/dist/docs/components/selects.md +165 -111
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +19 -15
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +9 -11
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +3 -1
- package/dist/docs/components/table.md +19584 -0
- package/dist/docs/components/tableControls.md +982 -0
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -3
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +3 -1
- package/dist/docs/components/tooltip.md +4 -2
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +56 -56
- package/dist/docs/foundations.md +640 -3122
- package/dist/docs/start/changelog.md +53 -3
- package/dist/docs/start/goodtoknow.md +2 -4
- 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 -3
- package/dist/docs/start/guidelines/iframe.md +17 -19
- package/dist/docs/start/guidelines/obfuscate-data.md +2 -4
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +1 -1
- 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 +12 -20
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -3
- package/dist/docs/templates/ai-assistant.md +311 -0
- package/dist/docs/templates/common-table.md +814 -0
- package/dist/docs/templates/detail-views.md +846 -0
- package/dist/docs/templates/expandable-details.md +214 -0
- package/dist/docs/templates/feature-cards.md +479 -0
- package/dist/docs/templates/form-summary.md +179 -0
- package/dist/docs/templates/form-toggle.md +329 -0
- package/dist/docs/templates/list-blocks.md +872 -0
- package/dist/docs/templates/loading-progress.md +100 -0
- package/dist/docs/templates/options-panel.md +132 -0
- package/dist/docs/templates/panel-variants.md +137 -0
- package/dist/docs/templates/progress-cards.md +541 -0
- package/dist/docs/templates/progress-success.md +125 -0
- package/dist/docs/templates/settings-form.md +401 -0
- package/dist/docs/templates/stats-blocks.md +1245 -0
- package/dist/docs/templates/table-panel.md +310 -0
- package/dist/docs/templates/usage-cards.md +199 -0
- package/dist/docs/utilities/classNames.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +2 -2
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +27 -29
- package/dist/docs/utilities/getTrackingAttributes.md +277 -0
- package/dist/docs/utilities/routeUtils.md +2 -2
- 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/useCookies.md +1 -1
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +5 -4
- package/dist/docs/utilities/useDebugInfo.md +3 -3
- package/dist/docs/utilities/useDraggableElement.md +281 -0
- 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 +8 -10
- 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 +2 -4
- package/dist/docs/utilities/useResizeObserver.md +35 -15
- package/dist/docs/utilities/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +3 -6
- package/dist/docs/utilities/useSearch.md +1 -3
- package/dist/docs/utilities/useSearchHighlight.md +1 -1
- package/dist/docs/utilities/useSorting.md +370 -239
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +364 -288
- package/dist/docs/utilities/useTableSelection.md +88 -92
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useUrlState.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +2 -8
- package/dist/search-synonyms.json +2 -2
- package/dist/version.json +2 -2
- package/package.json +15 -9
- package/dist/docs/components/tables.md +0 -8
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Selection
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/selects
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-04-20T12:54:03.090Z
|
|
7
7
|
|
|
8
8
|
The Select and Multiselect components are form controls and are intended to be used within forms. They are designed to be used instead of native HTML Select which cannot be styled and are rendered by each browser differently.
|
|
9
9
|
|
|
@@ -1456,11 +1456,13 @@ export default () => (
|
|
|
1456
1456
|
<span class="selected-option-text">
|
|
1457
1457
|
<span class="placeholder">Please select</span>
|
|
1458
1458
|
</span>
|
|
1459
|
-
<span class="
|
|
1460
|
-
<span class="
|
|
1459
|
+
<span class="select-toggle-actions">
|
|
1460
|
+
<span class="clearButton hide pointer-events-none">
|
|
1461
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
1462
|
+
</span>
|
|
1463
|
+
</span>
|
|
1464
|
+
<span class="caret">
|
|
1461
1465
|
</span>
|
|
1462
|
-
</span>
|
|
1463
|
-
<span class="caret">
|
|
1464
1466
|
</span>
|
|
1465
1467
|
</button>
|
|
1466
1468
|
<ul class="dropdown-menu test-dropdownClassName max-width-100pct" role="menu">
|
|
@@ -1532,11 +1534,13 @@ export default () => (
|
|
|
1532
1534
|
<div class="select dropdown">
|
|
1533
1535
|
<button type="button" id="2" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
1534
1536
|
<span class="selected-option-text">Option 3</span>
|
|
1535
|
-
<span class="
|
|
1536
|
-
<span class="
|
|
1537
|
+
<span class="select-toggle-actions">
|
|
1538
|
+
<span class="clearButton hide pointer-events-none">
|
|
1539
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
1540
|
+
</span>
|
|
1541
|
+
</span>
|
|
1542
|
+
<span class="caret">
|
|
1537
1543
|
</span>
|
|
1538
|
-
</span>
|
|
1539
|
-
<span class="caret">
|
|
1540
1544
|
</span>
|
|
1541
1545
|
</button>
|
|
1542
1546
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -1568,11 +1572,13 @@ export default () => (
|
|
|
1568
1572
|
<span class="selected-option-text">
|
|
1569
1573
|
<span class="placeholder">Please select</span>
|
|
1570
1574
|
</span>
|
|
1571
|
-
<span class="
|
|
1572
|
-
<span class="
|
|
1575
|
+
<span class="select-toggle-actions">
|
|
1576
|
+
<span class="clearButton hide pointer-events-none">
|
|
1577
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
1578
|
+
</span>
|
|
1579
|
+
</span>
|
|
1580
|
+
<span class="caret">
|
|
1573
1581
|
</span>
|
|
1574
|
-
</span>
|
|
1575
|
-
<span class="caret">
|
|
1576
1582
|
</span>
|
|
1577
1583
|
</button>
|
|
1578
1584
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -1609,11 +1615,13 @@ export default () => (
|
|
|
1609
1615
|
<span class="selected-option-text">
|
|
1610
1616
|
<span class="placeholder">Please select</span>
|
|
1611
1617
|
</span>
|
|
1612
|
-
<span class="
|
|
1613
|
-
<span class="
|
|
1618
|
+
<span class="select-toggle-actions">
|
|
1619
|
+
<span class="clearButton hide pointer-events-none">
|
|
1620
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
1621
|
+
</span>
|
|
1622
|
+
</span>
|
|
1623
|
+
<span class="caret">
|
|
1614
1624
|
</span>
|
|
1615
|
-
</span>
|
|
1616
|
-
<span class="caret">
|
|
1617
1625
|
</span>
|
|
1618
1626
|
</button>
|
|
1619
1627
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -9628,11 +9636,13 @@ export default () => (
|
|
|
9628
9636
|
<span class="selected-option-text-label">Vehicle:</span>
|
|
9629
9637
|
<span>Truck</span>
|
|
9630
9638
|
</span>
|
|
9631
|
-
<span class="
|
|
9632
|
-
<span class="
|
|
9639
|
+
<span class="select-toggle-actions">
|
|
9640
|
+
<span class="clearButton hide pointer-events-none">
|
|
9641
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9642
|
+
</span>
|
|
9643
|
+
</span>
|
|
9644
|
+
<span class="caret">
|
|
9633
9645
|
</span>
|
|
9634
|
-
</span>
|
|
9635
|
-
<span class="caret">
|
|
9636
9646
|
</span>
|
|
9637
9647
|
</button>
|
|
9638
9648
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -9670,11 +9680,13 @@ export default () => (
|
|
|
9670
9680
|
<div class="select dropdown">
|
|
9671
9681
|
<button type="button" id="6" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9672
9682
|
<span class="selected-option-text">Option 3</span>
|
|
9673
|
-
<span class="
|
|
9674
|
-
<span class="
|
|
9683
|
+
<span class="select-toggle-actions">
|
|
9684
|
+
<span class="clearButton hide pointer-events-none">
|
|
9685
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9686
|
+
</span>
|
|
9687
|
+
</span>
|
|
9688
|
+
<span class="caret">
|
|
9675
9689
|
</span>
|
|
9676
|
-
</span>
|
|
9677
|
-
<span class="caret">
|
|
9678
9690
|
</span>
|
|
9679
9691
|
</button>
|
|
9680
9692
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -9707,11 +9719,13 @@ export default () => (
|
|
|
9707
9719
|
<div class="select dropdown">
|
|
9708
9720
|
<button type="button" id="7" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9709
9721
|
<span class="selected-option-text">Option 3</span>
|
|
9710
|
-
<span class="
|
|
9711
|
-
<span class="
|
|
9722
|
+
<span class="select-toggle-actions">
|
|
9723
|
+
<span class="clearButton">
|
|
9724
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9725
|
+
</span>
|
|
9726
|
+
</span>
|
|
9727
|
+
<span class="caret">
|
|
9712
9728
|
</span>
|
|
9713
|
-
</span>
|
|
9714
|
-
<span class="caret">
|
|
9715
9729
|
</span>
|
|
9716
9730
|
</button>
|
|
9717
9731
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -9741,11 +9755,13 @@ export default () => (
|
|
|
9741
9755
|
<div class="select dropdown dropup">
|
|
9742
9756
|
<button type="button" id="8" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9743
9757
|
<span class="selected-option-text">Option 3</span>
|
|
9744
|
-
<span class="
|
|
9745
|
-
<span class="
|
|
9758
|
+
<span class="select-toggle-actions">
|
|
9759
|
+
<span class="clearButton hide pointer-events-none">
|
|
9760
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9761
|
+
</span>
|
|
9762
|
+
</span>
|
|
9763
|
+
<span class="caret">
|
|
9746
9764
|
</span>
|
|
9747
|
-
</span>
|
|
9748
|
-
<span class="caret">
|
|
9749
9765
|
</span>
|
|
9750
9766
|
</button>
|
|
9751
9767
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -9777,18 +9793,20 @@ export default () => (
|
|
|
9777
9793
|
<span class="selected-option-text">
|
|
9778
9794
|
<span class="placeholder">Please select</span>
|
|
9779
9795
|
</span>
|
|
9780
|
-
<span class="
|
|
9781
|
-
<span class="
|
|
9796
|
+
<span class="select-toggle-actions">
|
|
9797
|
+
<span class="clearButton hide pointer-events-none">
|
|
9798
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9799
|
+
</span>
|
|
9800
|
+
</span>
|
|
9801
|
+
<span class="caret">
|
|
9782
9802
|
</span>
|
|
9783
|
-
</span>
|
|
9784
|
-
<span class="caret">
|
|
9785
9803
|
</span>
|
|
9786
9804
|
</button>
|
|
9787
9805
|
</div>
|
|
9788
9806
|
</div>
|
|
9789
9807
|
<div class="col-12 col-sm-4 form-group">
|
|
9790
9808
|
<label for="20">With icon rendered in an inputAddon</label>
|
|
9791
|
-
<div class="select dropdown
|
|
9809
|
+
<div class="select dropdown">
|
|
9792
9810
|
<div class="form-group margin-bottom-0">
|
|
9793
9811
|
<div class="input-group">
|
|
9794
9812
|
<div class="input-group-addon">
|
|
@@ -9800,11 +9818,13 @@ export default () => (
|
|
|
9800
9818
|
<span class="selected-option-text">
|
|
9801
9819
|
<span class="placeholder">Please select</span>
|
|
9802
9820
|
</span>
|
|
9803
|
-
<span class="
|
|
9804
|
-
<span class="
|
|
9821
|
+
<span class="select-toggle-actions">
|
|
9822
|
+
<span class="clearButton hide pointer-events-none">
|
|
9823
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9824
|
+
</span>
|
|
9825
|
+
</span>
|
|
9826
|
+
<span class="caret">
|
|
9805
9827
|
</span>
|
|
9806
|
-
</span>
|
|
9807
|
-
<span class="caret">
|
|
9808
9828
|
</span>
|
|
9809
9829
|
</button>
|
|
9810
9830
|
</div>
|
|
@@ -9879,14 +9899,16 @@ export default () => (
|
|
|
9879
9899
|
<div class="row">
|
|
9880
9900
|
<div class="col-12 col-sm-4 form-group">
|
|
9881
9901
|
<label for="10">with truncated label</label>
|
|
9882
|
-
<div class="select dropdown
|
|
9902
|
+
<div class="select dropdown">
|
|
9883
9903
|
<button type="button" id="10" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9884
9904
|
<span class="selected-option-text">Select with a very long label to demonstrate truncating inner text with ellipsis</span>
|
|
9885
|
-
<span class="
|
|
9886
|
-
<span class="
|
|
9905
|
+
<span class="select-toggle-actions">
|
|
9906
|
+
<span class="clearButton hide pointer-events-none">
|
|
9907
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9908
|
+
</span>
|
|
9909
|
+
</span>
|
|
9910
|
+
<span class="caret">
|
|
9887
9911
|
</span>
|
|
9888
|
-
</span>
|
|
9889
|
-
<span class="caret">
|
|
9890
9912
|
</span>
|
|
9891
9913
|
</button>
|
|
9892
9914
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -9919,11 +9941,13 @@ export default () => (
|
|
|
9919
9941
|
<div class="select dropdown">
|
|
9920
9942
|
<button type="button" id="11" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9921
9943
|
<span class="selected-option-text">Option 1</span>
|
|
9922
|
-
<span class="
|
|
9923
|
-
<span class="
|
|
9944
|
+
<span class="select-toggle-actions">
|
|
9945
|
+
<span class="clearButton hide pointer-events-none">
|
|
9946
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9947
|
+
</span>
|
|
9948
|
+
</span>
|
|
9949
|
+
<span class="caret">
|
|
9924
9950
|
</span>
|
|
9925
|
-
</span>
|
|
9926
|
-
<span class="caret">
|
|
9927
9951
|
</span>
|
|
9928
9952
|
</button>
|
|
9929
9953
|
<ul class="dropdown-menu pull-right" role="menu">
|
|
@@ -9952,11 +9976,13 @@ export default () => (
|
|
|
9952
9976
|
<div class="select dropdown dropup">
|
|
9953
9977
|
<button type="button" id="12" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9954
9978
|
<span class="selected-option-text">Option 1</span>
|
|
9955
|
-
<span class="
|
|
9956
|
-
<span class="
|
|
9979
|
+
<span class="select-toggle-actions">
|
|
9980
|
+
<span class="clearButton hide pointer-events-none">
|
|
9981
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
9982
|
+
</span>
|
|
9983
|
+
</span>
|
|
9984
|
+
<span class="caret">
|
|
9957
9985
|
</span>
|
|
9958
|
-
</span>
|
|
9959
|
-
<span class="caret">
|
|
9960
9986
|
</span>
|
|
9961
9987
|
</button>
|
|
9962
9988
|
<ul class="dropdown-menu pull-right" role="menu">
|
|
@@ -9989,11 +10015,13 @@ export default () => (
|
|
|
9989
10015
|
<div class="select dropdown">
|
|
9990
10016
|
<button type="button" id="13" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
9991
10017
|
<span class="selected-option-text">Option 1</span>
|
|
9992
|
-
<span class="
|
|
9993
|
-
<span class="
|
|
10018
|
+
<span class="select-toggle-actions">
|
|
10019
|
+
<span class="clearButton hide pointer-events-none">
|
|
10020
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10021
|
+
</span>
|
|
10022
|
+
</span>
|
|
10023
|
+
<span class="caret">
|
|
9994
10024
|
</span>
|
|
9995
|
-
</span>
|
|
9996
|
-
<span class="caret">
|
|
9997
10025
|
</span>
|
|
9998
10026
|
</button>
|
|
9999
10027
|
<ul class="dropdown-menu pull-right width-auto" role="menu">
|
|
@@ -10033,11 +10061,13 @@ export default () => (
|
|
|
10033
10061
|
<span class="rioglyph rioglyph-status-available text-color-status-available">
|
|
10034
10062
|
</span>
|
|
10035
10063
|
</span>Option 1</span>
|
|
10036
|
-
<span class="
|
|
10037
|
-
<span class="
|
|
10064
|
+
<span class="select-toggle-actions">
|
|
10065
|
+
<span class="clearButton hide pointer-events-none">
|
|
10066
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10067
|
+
</span>
|
|
10068
|
+
</span>
|
|
10069
|
+
<span class="caret">
|
|
10038
10070
|
</span>
|
|
10039
|
-
</span>
|
|
10040
|
-
<span class="caret">
|
|
10041
10071
|
</span>
|
|
10042
10072
|
</button>
|
|
10043
10073
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10084,11 +10114,13 @@ export default () => (
|
|
|
10084
10114
|
<span class="rioglyph rioglyph-status-available text-color-status-available">
|
|
10085
10115
|
</span>
|
|
10086
10116
|
</span>Option 1</span>
|
|
10087
|
-
<span class="
|
|
10088
|
-
<span class="
|
|
10117
|
+
<span class="select-toggle-actions">
|
|
10118
|
+
<span class="clearButton hide pointer-events-none">
|
|
10119
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10120
|
+
</span>
|
|
10121
|
+
</span>
|
|
10122
|
+
<span class="caret">
|
|
10089
10123
|
</span>
|
|
10090
|
-
</span>
|
|
10091
|
-
<span class="caret">
|
|
10092
10124
|
</span>
|
|
10093
10125
|
</button>
|
|
10094
10126
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10135,11 +10167,13 @@ export default () => (
|
|
|
10135
10167
|
<span class="rioglyph rioglyph-status-available text-color-status-available">
|
|
10136
10168
|
</span>
|
|
10137
10169
|
</span>Option 1</span>
|
|
10138
|
-
<span class="
|
|
10139
|
-
<span class="
|
|
10170
|
+
<span class="select-toggle-actions">
|
|
10171
|
+
<span class="clearButton hide pointer-events-none">
|
|
10172
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10173
|
+
</span>
|
|
10174
|
+
</span>
|
|
10175
|
+
<span class="caret">
|
|
10140
10176
|
</span>
|
|
10141
|
-
</span>
|
|
10142
|
-
<span class="caret">
|
|
10143
10177
|
</span>
|
|
10144
10178
|
</button>
|
|
10145
10179
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10186,11 +10220,13 @@ export default () => (
|
|
|
10186
10220
|
<div class="select dropdown has-error dropup">
|
|
10187
10221
|
<button type="button" id="15" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
10188
10222
|
<span class="selected-option-text">Option 3</span>
|
|
10189
|
-
<span class="
|
|
10190
|
-
<span class="
|
|
10223
|
+
<span class="select-toggle-actions">
|
|
10224
|
+
<span class="clearButton hide pointer-events-none">
|
|
10225
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10226
|
+
</span>
|
|
10227
|
+
</span>
|
|
10228
|
+
<span class="caret">
|
|
10191
10229
|
</span>
|
|
10192
|
-
</span>
|
|
10193
|
-
<span class="caret">
|
|
10194
10230
|
</span>
|
|
10195
10231
|
</button>
|
|
10196
10232
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10233,11 +10269,13 @@ export default () => (
|
|
|
10233
10269
|
<div class="form-control-feedback-wrapper">
|
|
10234
10270
|
<button type="button" id="18" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
10235
10271
|
<span class="selected-option-text">Option 3</span>
|
|
10236
|
-
<span class="
|
|
10237
|
-
<span class="
|
|
10272
|
+
<span class="select-toggle-actions">
|
|
10273
|
+
<span class="clearButton hide pointer-events-none">
|
|
10274
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10275
|
+
</span>
|
|
10276
|
+
</span>
|
|
10277
|
+
<span class="caret">
|
|
10238
10278
|
</span>
|
|
10239
|
-
</span>
|
|
10240
|
-
<span class="caret">
|
|
10241
10279
|
</span>
|
|
10242
10280
|
</button>
|
|
10243
10281
|
<span class="form-control-feedback rioglyph rioglyph-error-sign">
|
|
@@ -10278,11 +10316,13 @@ export default () => (
|
|
|
10278
10316
|
<div class="select dropdown shadow-none dropup">
|
|
10279
10317
|
<button type="button" id="16" class="dropdown-toggle form-control text-left btn btn-link height-auto padding-0 focus-shadow-none hover-bg-none input-lg" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
10280
10318
|
<span class="selected-option-text">Option 3</span>
|
|
10281
|
-
<span class="
|
|
10282
|
-
<span class="
|
|
10319
|
+
<span class="select-toggle-actions">
|
|
10320
|
+
<span class="clearButton hide pointer-events-none">
|
|
10321
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10322
|
+
</span>
|
|
10323
|
+
</span>
|
|
10324
|
+
<span class="caret">
|
|
10283
10325
|
</span>
|
|
10284
|
-
</span>
|
|
10285
|
-
<span class="caret">
|
|
10286
10326
|
</span>
|
|
10287
10327
|
</button>
|
|
10288
10328
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10311,11 +10351,13 @@ export default () => (
|
|
|
10311
10351
|
<div class="select dropdown shadow-none dropup">
|
|
10312
10352
|
<button type="button" class="dropdown-toggle form-control text-left btn btn-link height-auto padding-0 focus-shadow-none hover-bg-none" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
10313
10353
|
<span class="selected-option-text">Option 3</span>
|
|
10314
|
-
<span class="
|
|
10315
|
-
<span class="
|
|
10354
|
+
<span class="select-toggle-actions">
|
|
10355
|
+
<span class="clearButton hide pointer-events-none">
|
|
10356
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10357
|
+
</span>
|
|
10358
|
+
</span>
|
|
10359
|
+
<span class="caret">
|
|
10316
10360
|
</span>
|
|
10317
|
-
</span>
|
|
10318
|
-
<span class="caret">
|
|
10319
10361
|
</span>
|
|
10320
10362
|
</button>
|
|
10321
10363
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10344,11 +10386,13 @@ export default () => (
|
|
|
10344
10386
|
<div class="select dropdown shadow-none dropup">
|
|
10345
10387
|
<button type="button" class="dropdown-toggle form-control text-left btn btn-link height-auto padding-0 focus-shadow-none hover-bg-none input-sm" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
|
10346
10388
|
<span class="selected-option-text">Option 3</span>
|
|
10347
|
-
<span class="
|
|
10348
|
-
<span class="
|
|
10389
|
+
<span class="select-toggle-actions">
|
|
10390
|
+
<span class="clearButton hide pointer-events-none">
|
|
10391
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10392
|
+
</span>
|
|
10393
|
+
</span>
|
|
10394
|
+
<span class="caret">
|
|
10349
10395
|
</span>
|
|
10350
|
-
</span>
|
|
10351
|
-
<span class="caret">
|
|
10352
10396
|
</span>
|
|
10353
10397
|
</button>
|
|
10354
10398
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10388,11 +10432,13 @@ export default () => (
|
|
|
10388
10432
|
</span>
|
|
10389
10433
|
</span>
|
|
10390
10434
|
</span>
|
|
10391
|
-
<span class="
|
|
10392
|
-
<span class="
|
|
10435
|
+
<span class="select-toggle-actions">
|
|
10436
|
+
<span class="clearButton hide pointer-events-none">
|
|
10437
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10438
|
+
</span>
|
|
10439
|
+
</span>
|
|
10440
|
+
<span class="caret">
|
|
10393
10441
|
</span>
|
|
10394
|
-
</span>
|
|
10395
|
-
<span class="caret">
|
|
10396
10442
|
</span>
|
|
10397
10443
|
</button>
|
|
10398
10444
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10452,11 +10498,13 @@ export default () => (
|
|
|
10452
10498
|
</span>
|
|
10453
10499
|
</span>
|
|
10454
10500
|
</span>
|
|
10455
|
-
<span class="
|
|
10456
|
-
<span class="
|
|
10501
|
+
<span class="select-toggle-actions">
|
|
10502
|
+
<span class="clearButton hide pointer-events-none">
|
|
10503
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10504
|
+
</span>
|
|
10505
|
+
</span>
|
|
10506
|
+
<span class="caret">
|
|
10457
10507
|
</span>
|
|
10458
|
-
</span>
|
|
10459
|
-
<span class="caret">
|
|
10460
10508
|
</span>
|
|
10461
10509
|
</button>
|
|
10462
10510
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10506,11 +10554,13 @@ export default () => (
|
|
|
10506
10554
|
<span class="selected-option-text">
|
|
10507
10555
|
<span class="placeholder">Please select</span>
|
|
10508
10556
|
</span>
|
|
10509
|
-
<span class="
|
|
10510
|
-
<span class="
|
|
10557
|
+
<span class="select-toggle-actions">
|
|
10558
|
+
<span class="clearButton hide pointer-events-none">
|
|
10559
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10560
|
+
</span>
|
|
10561
|
+
</span>
|
|
10562
|
+
<span class="caret">
|
|
10511
10563
|
</span>
|
|
10512
|
-
</span>
|
|
10513
|
-
<span class="caret">
|
|
10514
10564
|
</span>
|
|
10515
10565
|
</button>
|
|
10516
10566
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10638,11 +10688,13 @@ export default ControlledSelectExample;
|
|
|
10638
10688
|
<span class="selected-option-text">
|
|
10639
10689
|
<span class="placeholder">Please select</span>
|
|
10640
10690
|
</span>
|
|
10641
|
-
<span class="
|
|
10642
|
-
<span class="
|
|
10691
|
+
<span class="select-toggle-actions">
|
|
10692
|
+
<span class="clearButton hide pointer-events-none">
|
|
10693
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10694
|
+
</span>
|
|
10695
|
+
</span>
|
|
10696
|
+
<span class="caret">
|
|
10643
10697
|
</span>
|
|
10644
|
-
</span>
|
|
10645
|
-
<span class="caret">
|
|
10646
10698
|
</span>
|
|
10647
10699
|
</button>
|
|
10648
10700
|
<ul class="dropdown-menu" role="menu">
|
|
@@ -10782,11 +10834,13 @@ export default ControlledFilterSelectExample;
|
|
|
10782
10834
|
<span class="selected-option-text">
|
|
10783
10835
|
<span class="placeholder">Please select</span>
|
|
10784
10836
|
</span>
|
|
10785
|
-
<span class="
|
|
10786
|
-
<span class="
|
|
10837
|
+
<span class="select-toggle-actions">
|
|
10838
|
+
<span class="clearButton hide pointer-events-none">
|
|
10839
|
+
<span class="clearButtonIcon rioglyph rioglyph-remove-sign">
|
|
10840
|
+
</span>
|
|
10841
|
+
</span>
|
|
10842
|
+
<span class="caret">
|
|
10787
10843
|
</span>
|
|
10788
|
-
</span>
|
|
10789
|
-
<span class="caret">
|
|
10790
10844
|
</span>
|
|
10791
10845
|
</button>
|
|
10792
10846
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Application
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/sidebar
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-04-20T12:53:35.298Z
|
|
7
7
|
|
|
8
8
|
There are 2 kinds of Sidebars. The default fluid and the fly variant.
|
|
9
9
|
|