@rio-cloud/uikit-mcp 1.1.6 → 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 +3 -31
- package/dist/docs/components/animations.md +21 -54
- package/dist/docs/components/appHeader.md +11 -30
- package/dist/docs/components/appLayout.md +36 -172
- 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 +141 -374
- 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 +9 -77
- 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 +48 -106
- 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 +3412 -5600
- 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 +8 -65
- 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 +7 -38
- 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 +57 -123
- package/dist/docs/foundations.md +753 -4073
- package/dist/docs/start/changelog.md +793 -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 +75 -120
- 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:* Components
|
|
4
4
|
*Section:* Charts
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/composedCharts
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:41:24.366Z
|
|
7
7
|
|
|
8
8
|
## ComposedChart
|
|
9
9
|
|
|
@@ -17,17 +17,7 @@ amt
|
|
|
17
17
|
pv
|
|
18
18
|
uv
|
|
19
19
|
|
|
20
|
-
Page
|
|
21
|
-
|
|
22
|
-
#### Summary
|
|
23
|
-
|
|
24
|
-
Simple ComposedChart
|
|
25
|
-
|
|
26
|
-
amt
|
|
27
|
-
pv
|
|
28
|
-
uv
|
|
29
|
-
|
|
30
|
-
Page APage BPage CPage DPage EPage F
|
|
20
|
+
Page A Page B Page C Page D Page E Page F
|
|
31
21
|
|
|
32
22
|
#### React (tsx)
|
|
33
23
|
|
|
@@ -240,7 +230,7 @@ const data: CustomData[] = [
|
|
|
240
230
|
<g class="recharts-layer">
|
|
241
231
|
<defs>
|
|
242
232
|
<clipPath id="animationClipPath-recharts-area-:r0:">
|
|
243
|
-
<rect x="70.41927083333333" y="0" width="
|
|
233
|
+
<rect x="70.41927083333333" y="0" width="75.04895694760978" height="124">
|
|
244
234
|
</rect>
|
|
245
235
|
</clipPath>
|
|
246
236
|
</defs>
|
|
@@ -262,33 +252,33 @@ const data: CustomData[] = [
|
|
|
262
252
|
<g class="recharts-layer recharts-bar-rectangles">
|
|
263
253
|
<g class="recharts-layer">
|
|
264
254
|
<g class="recharts-layer recharts-bar-rectangle">
|
|
265
|
-
<path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.0839" y="
|
|
266
|
-
90.0839,
|
|
255
|
+
<path fill-opacity="1" fill="#8e96eb " name="Page A" x="50.0839" y="76.898" width="40" height="46.102" class="recharts-rectangle" d="M50.0839,79.898A 3,3,0,0,1,53.0839,76.898L 87.0839,76.898A 3,3,0,0,1,
|
|
256
|
+
90.0839,79.898L 90.0839,123L 50.0839,123Z">
|
|
267
257
|
</path>
|
|
268
258
|
</g>
|
|
269
259
|
<g class="recharts-layer recharts-bar-rectangle">
|
|
270
|
-
<path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.9224" y="
|
|
271
|
-
140.9224,
|
|
260
|
+
<path fill-opacity="1" fill="#8e96eb " name="Page B" x="100.9224" y="67.2742" width="40" height="55.7258" class="recharts-rectangle" d="M100.9224,70.2742A 3,3,0,0,1,103.9224,67.2742L 137.9224,67.2742A 3,3,0,0,1,
|
|
261
|
+
140.9224,70.2742L 140.9224,123L 100.9224,123Z">
|
|
272
262
|
</path>
|
|
273
263
|
</g>
|
|
274
264
|
<g class="recharts-layer recharts-bar-rectangle">
|
|
275
|
-
<path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.7609" y="
|
|
276
|
-
191.7609,
|
|
265
|
+
<path fill-opacity="1" fill="#8e96eb " name="Page C" x="151.7609" y="59.725" width="40" height="63.275" class="recharts-rectangle" d="M151.7609,62.725A 3,3,0,0,1,154.7609,59.725L 188.7609,59.725A 3,3,0,0,1,
|
|
266
|
+
191.7609,62.725L 191.7609,123L 151.7609,123Z">
|
|
277
267
|
</path>
|
|
278
268
|
</g>
|
|
279
269
|
<g class="recharts-layer recharts-bar-rectangle">
|
|
280
|
-
<path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.5995" y="
|
|
281
|
-
242.5995,
|
|
270
|
+
<path fill-opacity="1" fill="#8e96eb " name="Page D" x="202.5995" y="53.847" width="40" height="69.153" class="recharts-rectangle" d="M202.5995,56.847A 3,3,0,0,1,205.5995,53.847L 239.5995,53.847A 3,3,0,0,1,
|
|
271
|
+
242.5995,56.847L 242.5995,123L 202.5995,123Z">
|
|
282
272
|
</path>
|
|
283
273
|
</g>
|
|
284
274
|
<g class="recharts-layer recharts-bar-rectangle">
|
|
285
|
-
<path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.438" y="
|
|
286
|
-
293.438,
|
|
275
|
+
<path fill-opacity="1" fill="#8e96eb " name="Page E" x="253.438" y="59.1487" width="40" height="63.8513" class="recharts-rectangle" d="M253.438,62.1487A 3,3,0,0,1,256.438,59.1487L 290.438,59.1487A 3,3,0,0,1,
|
|
276
|
+
293.438,62.1487L 293.438,123L 253.438,123Z">
|
|
287
277
|
</path>
|
|
288
278
|
</g>
|
|
289
279
|
<g class="recharts-layer recharts-bar-rectangle">
|
|
290
|
-
<path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.2766" y="
|
|
291
|
-
344.2766,
|
|
280
|
+
<path fill-opacity="1" fill="#8e96eb " name="Page F" x="304.2766" y="83.8133" width="40" height="39.1867" class="recharts-rectangle" d="M304.2766,86.8133A 3,3,0,0,1,307.2766,83.8133L 341.2766,83.8133A 3,3,0,0,1,
|
|
281
|
+
344.2766,86.8133L 344.2766,123L 304.2766,123Z">
|
|
292
282
|
</path>
|
|
293
283
|
</g>
|
|
294
284
|
</g>
|
|
@@ -297,7 +287,7 @@ const data: CustomData[] = [
|
|
|
297
287
|
</g>
|
|
298
288
|
<g tabindex="-1">
|
|
299
289
|
<g class="recharts-layer recharts-line">
|
|
300
|
-
<path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r2:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="
|
|
290
|
+
<path stroke-width="1" stroke="#30b4c0 " fill="none" id="recharts-line-:r2:" height="108" width="365.03125" class="recharts-curve recharts-line-curve" stroke-dasharray="78.9456px 188.4451775878906px" d="M70.419,87.6C87.365,83.295,104.312,78.99,121.258,70.92C138.204,62.85,155.15,42.5,172.096,39.18C189.043,35.86,205.989,35.43,222.935,34.2C239.881,32.97,256.827,31.8,273.773,31.8C290.72,31.8,307.666,35.4,324.612,39">
|
|
301
291
|
</path>
|
|
302
292
|
</g>
|
|
303
293
|
</g>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/contentLoader
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:41.188Z
|
|
7
7
|
|
|
8
8
|
The content loader is based on the react-content-loader which can be found here: https://github.com/danilowoz/react-content-loader
|
|
9
9
|
|
|
@@ -14,12 +14,7 @@ This UIKIT component is simple wrapper to make it easier to use with a predefine
|
|
|
14
14
|
### Example: Example 1
|
|
15
15
|
|
|
16
16
|
Loading...
|
|
17
|
-
Loading...Loading...Loading...Loading...
|
|
18
|
-
|
|
19
|
-
#### Summary
|
|
20
|
-
|
|
21
|
-
Loading...
|
|
22
|
-
Loading...Loading...Loading...Loading...
|
|
17
|
+
Loading... Loading... Loading... Loading...
|
|
23
18
|
|
|
24
19
|
#### React (tsx)
|
|
25
20
|
|
|
@@ -173,12 +168,7 @@ export default () => (
|
|
|
173
168
|
### Example: Example 2
|
|
174
169
|
|
|
175
170
|
Loading...
|
|
176
|
-
Loading...Loading...
|
|
177
|
-
|
|
178
|
-
#### Summary
|
|
179
|
-
|
|
180
|
-
Loading...
|
|
181
|
-
Loading...Loading...
|
|
171
|
+
Loading... Loading...
|
|
182
172
|
|
|
183
173
|
#### React (tsx)
|
|
184
174
|
|
|
@@ -287,19 +277,11 @@ export default () => (
|
|
|
287
277
|
|
|
288
278
|
### Example: Example 3
|
|
289
279
|
|
|
290
|
-
Column
|
|
291
|
-
|
|
292
|
-
Loading...Loading...Loading...Loading...
|
|
293
|
-
Loading...Loading...Loading...Loading...
|
|
294
|
-
Loading...Loading...Loading...Loading...
|
|
295
|
-
|
|
296
|
-
#### Summary
|
|
297
|
-
|
|
298
|
-
Column 1Column 2Column 3Column 4
|
|
280
|
+
Column 1 Column 2 Column 3 Column 4
|
|
299
281
|
|
|
300
|
-
Loading...Loading...Loading...Loading...
|
|
301
|
-
Loading...Loading...Loading...Loading...
|
|
302
|
-
Loading...Loading...Loading...Loading...
|
|
282
|
+
Loading... Loading... Loading... Loading...
|
|
283
|
+
Loading... Loading... Loading... Loading...
|
|
284
|
+
Loading... Loading... Loading... Loading...
|
|
303
285
|
|
|
304
286
|
#### React (tsx)
|
|
305
287
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/dataTabs
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:43.637Z
|
|
7
7
|
|
|
8
8
|
Passing a single tab content component via commonTabContent prop into the DataTabs component allows to update that single component when switching tabs. This comes in handy for instance when you want to animate a graph with different values from each tab.
|
|
9
9
|
|
|
@@ -22,24 +22,7 @@ Horizontal layout
|
|
|
22
22
|
32,8 l/100
|
|
23
23
|
|
|
24
24
|
Ø - Route type
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
28
|
-
|
|
29
|
-
#### Summary
|
|
30
|
-
|
|
31
|
-
Horizontal layout
|
|
32
|
-
Ø - Consumption
|
|
33
|
-
13,5 km/l
|
|
34
|
-
|
|
35
|
-
Ø - C02 Emission
|
|
36
|
-
12,2 kg
|
|
37
|
-
|
|
38
|
-
Ø - Range
|
|
39
|
-
32,8 l/100
|
|
40
|
-
|
|
41
|
-
Ø - Route type
|
|
42
|
-
ABCDEF
|
|
25
|
+
A B C D E F
|
|
43
26
|
|
|
44
27
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
45
28
|
|
|
@@ -204,24 +187,7 @@ Vertical layout
|
|
|
204
187
|
32,8 l/100
|
|
205
188
|
|
|
206
189
|
Ø - Route type
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
210
|
-
|
|
211
|
-
#### Summary
|
|
212
|
-
|
|
213
|
-
Vertical layout
|
|
214
|
-
Ø - Consumption
|
|
215
|
-
13,5 km/l
|
|
216
|
-
|
|
217
|
-
Ø - C02 Emission
|
|
218
|
-
12,2 kg
|
|
219
|
-
|
|
220
|
-
Ø - Range
|
|
221
|
-
32,8 l/100
|
|
222
|
-
|
|
223
|
-
Ø - Route type
|
|
224
|
-
ABCDEF
|
|
190
|
+
A B C D E F
|
|
225
191
|
|
|
226
192
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
227
193
|
|
|
@@ -388,24 +354,7 @@ DataTabs inside an ExpanderPanel
|
|
|
388
354
|
32,8 l/100
|
|
389
355
|
|
|
390
356
|
Ø - Route Type
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
394
|
-
|
|
395
|
-
#### Summary
|
|
396
|
-
|
|
397
|
-
DataTabs inside an ExpanderPanel
|
|
398
|
-
Ø - Consumption
|
|
399
|
-
13,5 km/l
|
|
400
|
-
|
|
401
|
-
Ø - C02 Emission
|
|
402
|
-
12,2 kg
|
|
403
|
-
|
|
404
|
-
Ø - Range
|
|
405
|
-
32,8 l/100
|
|
406
|
-
|
|
407
|
-
Ø - Route Type
|
|
408
|
-
ABCDEF
|
|
357
|
+
A B C D E F
|
|
409
358
|
|
|
410
359
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
411
360
|
|
|
@@ -619,34 +568,11 @@ DataTabs inside an ExpanderPanel with one common tab content
|
|
|
619
568
|
32,8 l/100
|
|
620
569
|
|
|
621
570
|
Ø - Route type
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
Page APage BPage CPage DPage EPage FPage G
|
|
625
|
-
|
|
626
|
-
The padding can be changes on demand by passing in util classes via "tabContentClassName" prop.
|
|
571
|
+
A B C D E F
|
|
627
572
|
|
|
628
|
-
|
|
573
|
+
Page A Page B Page C Page D Page E Page F Page G
|
|
629
574
|
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
DataTabs inside an ExpanderPanel with one common tab content
|
|
633
|
-
Ø - Consumption
|
|
634
|
-
13,5 km/l
|
|
635
|
-
|
|
636
|
-
Ø - C02 Emission
|
|
637
|
-
12,2 kg
|
|
638
|
-
|
|
639
|
-
Ø - Range
|
|
640
|
-
32,8 l/100
|
|
641
|
-
|
|
642
|
-
Ø - Route type
|
|
643
|
-
ABCDEF
|
|
644
|
-
|
|
645
|
-
Page APage BPage CPage DPage EPage FPage G
|
|
646
|
-
|
|
647
|
-
The padding can be changes on demand by passing in util classes via "tabContentClassName" prop.
|
|
648
|
-
|
|
649
|
-
Hide last tab
|
|
575
|
+
The padding can be changes on demand by passing in util classes via "tabContentClassName" prop. Hide last tab
|
|
650
576
|
|
|
651
577
|
#### React (tsx)
|
|
652
578
|
|
|
@@ -875,7 +801,7 @@ export const RouteType = () => (
|
|
|
875
801
|
</g>
|
|
876
802
|
<g tabindex="-1">
|
|
877
803
|
<g class="recharts-layer recharts-line">
|
|
878
|
-
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r8:" height="140" width="470" class="recharts-curve recharts-line-curve" stroke-dasharray="
|
|
804
|
+
<path stroke="#67abc5 " fill="none" stroke-width="1" id="recharts-line-:r8:" height="140" width="470" class="recharts-curve recharts-line-curve" stroke-dasharray="432.4839px 0.000017236328119452082px" d="M45,19.278C67.778,19.278,90.556,19.278,113.333,19.278C136.111,19.278,158.889,19.278,181.667,19.278C204.444,19.278,227.222,38.333,250,38.333C272.778,38.333,295.556,19.278,318.333,19.278C341.111,19.278,363.889,51.685,386.667,62.056C409.444,72.426,432.222,76.963,455,81.5">
|
|
879
805
|
</path>
|
|
880
806
|
</g>
|
|
881
807
|
</g>
|
|
@@ -919,19 +845,19 @@ export const RouteType = () => (
|
|
|
919
845
|
</g>
|
|
920
846
|
<g tabindex="-1">
|
|
921
847
|
<g class="recharts-layer recharts-line-dots">
|
|
922
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="45" cy="
|
|
848
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="45" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
|
|
923
849
|
</circle>
|
|
924
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="113.33333333333333" cy="
|
|
850
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="113.33333333333333" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
|
|
925
851
|
</circle>
|
|
926
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="181.66666666666666" cy="
|
|
852
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="181.66666666666666" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
|
|
927
853
|
</circle>
|
|
928
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="250" cy="
|
|
854
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="250" cy="38.33333333333333" class="recharts-dot recharts-line-dot">
|
|
929
855
|
</circle>
|
|
930
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="318.3333333333333" cy="
|
|
856
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="318.3333333333333" cy="19.27777777777778" class="recharts-dot recharts-line-dot">
|
|
931
857
|
</circle>
|
|
932
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="386.66666666666663" cy="
|
|
858
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="386.66666666666663" cy="62.05555555555556" class="recharts-dot recharts-line-dot">
|
|
933
859
|
</circle>
|
|
934
|
-
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="455" cy="
|
|
860
|
+
<circle r="3" stroke="#67abc5 " fill="#fff" stroke-width="1" height="140" width="470" cx="455" cy="81.5" class="recharts-dot recharts-line-dot">
|
|
935
861
|
</circle>
|
|
936
862
|
</g>
|
|
937
863
|
</g>
|
|
@@ -1038,21 +964,7 @@ export const RouteType = () => (
|
|
|
1038
964
|
|
|
1039
965
|
### Example: Example 5
|
|
1040
966
|
|
|
1041
|
-
Data Set
|
|
1042
|
-
Ø - Consumption
|
|
1043
|
-
13,5 km/l
|
|
1044
|
-
|
|
1045
|
-
Ø - C02 Emission
|
|
1046
|
-
12,2 kg
|
|
1047
|
-
|
|
1048
|
-
Ø - Range
|
|
1049
|
-
32,8 l/100
|
|
1050
|
-
|
|
1051
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.
|
|
1052
|
-
|
|
1053
|
-
#### Summary
|
|
1054
|
-
|
|
1055
|
-
Data Set 1Data Set 2
|
|
967
|
+
Data Set 1 Data Set 2
|
|
1056
968
|
Ø - Consumption
|
|
1057
969
|
13,5 km/l
|
|
1058
970
|
|