@rio-cloud/uikit-mcp 1.1.11 → 1.1.13
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 +26 -26
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +1 -1
- package/dist/docs/components/animatedNumber.md +1 -1
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +21 -21
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +90 -20
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +310 -428
- 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 +13 -13
- package/dist/docs/components/barList.md +10 -10
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +57 -61
- package/dist/docs/components/card.md +1 -1
- 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 +2 -2
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/circularProgress.md +6 -6
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +15 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +672 -672
- package/dist/docs/components/dayPicker.md +5 -5
- package/dist/docs/components/dayPickerCalendar.md +471 -471
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3256 -3250
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/htmlTable.md +114 -114
- 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 +2 -2
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +31 -9
- package/dist/docs/components/mapUtils.md +65 -2
- package/dist/docs/components/mapViewportHistory.md +1 -1
- package/dist/docs/components/multiselects.md +165 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- 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 +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +3 -3
- package/dist/docs/components/saveableInput.md +252 -252
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/docs/components/table.md +14 -14
- package/dist/docs/components/tableControls.md +52 -52
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- 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 +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +55 -47
- package/dist/docs/foundations.md +112 -112
- package/dist/docs/start/changelog.md +29 -213
- 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 +1 -1
- 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 +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 +16 -16
- package/dist/docs/start/intro.md +2 -2
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +56 -56
- 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 +37 -37
- package/dist/docs/templates/form-summary.md +15 -15
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +135 -135
- package/dist/docs/templates/loading-progress.md +1 -1
- 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 +18 -18
- package/dist/docs/templates/stats-blocks.md +12 -12
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/classNames.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- 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 +1 -1
- package/dist/docs/utilities/useDebugInfo.md +3 -3
- package/dist/docs/utilities/useDraggableElement.md +1 -1
- 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 +2 -2
- 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 +1 -1
- 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/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSearchHighlight.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 +61 -61
- package/dist/docs/utilities/useTableSelection.md +72 -72
- 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 -2
- package/dist/version.json +2 -2
- package/package.json +14 -7
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/virtualList
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-06-11T10:01:30.551Z
|
|
7
7
|
|
|
8
8
|
The VirtualList component is designed for efficiently rendering large lists of items by only displaying the visible portion of the list, also known as windowing.
|
|
9
9
|
|
|
@@ -14,35 +14,38 @@ It allows a specified number of items outside the viewport for smoother scrollin
|
|
|
14
14
|
### Example: Example 1
|
|
15
15
|
|
|
16
16
|
Virtual list with 100 items Item 1
|
|
17
|
-
|
|
17
|
+
Ut vitae massa dolor ut
|
|
18
18
|
|
|
19
19
|
Item 2
|
|
20
|
-
|
|
20
|
+
Quis, quis, efficitur ante Integer in Interdum ut In elit.
|
|
21
21
|
|
|
22
22
|
Item 3
|
|
23
|
-
|
|
23
|
+
Consectetur sit Interdum tincidunt. Duis eget Duis ac sagittis et posuere
|
|
24
|
+
Lorem in finibus Ut
|
|
24
25
|
|
|
25
26
|
Item 4
|
|
26
|
-
|
|
27
|
+
Iaculis. vitae eget scelerisque orci libero iaculis. elit. enim felis. malesuada elit. purus et
|
|
27
28
|
|
|
28
29
|
Item 5
|
|
29
|
-
|
|
30
|
+
Massa ligula efficitur elit. condimentum quis, dui dui purus massa malesuada vel metus elit.
|
|
30
31
|
|
|
31
32
|
Item 6
|
|
32
|
-
|
|
33
|
+
Iaculis.
|
|
34
|
+
Lorem ante felis. massa dolor
|
|
33
35
|
|
|
34
36
|
Item 7
|
|
35
|
-
|
|
37
|
+
Elementum
|
|
38
|
+
Lorem Sed pretium in consectetur condimentum nec bibendum, elementum ipsum ipsum orci, et massa
|
|
36
39
|
|
|
37
40
|
Item 8
|
|
38
|
-
|
|
39
|
-
Lorem velit. nunc
|
|
41
|
+
Amet, faucibus. orci elit. finibus pharetra Duis felis. nec aliquam efficitur velit. elementum scelerisque
|
|
40
42
|
|
|
41
43
|
Item 9
|
|
42
|
-
|
|
44
|
+
Et vel adipiscing malesuada fringilla massa,
|
|
45
|
+
Lorem Sed bibendum, ac
|
|
43
46
|
|
|
44
47
|
Item 10
|
|
45
|
-
|
|
48
|
+
Ut Sed felis. Sed bibendum, primis ante enim in in, amet, Sed orci,
|
|
46
49
|
|
|
47
50
|
#### React (tsx)
|
|
48
51
|
|
|
@@ -90,67 +93,70 @@ export default () => {
|
|
|
90
93
|
<div class="max-width-600 padding-y-20">
|
|
91
94
|
<label class="padding-left-10">Virtual list with 100 items</label>
|
|
92
95
|
<div class="VirtualList overflow-y-auto max-height-400 padding-x-10" style="height: 100%; position: relative; overflow: auto;">
|
|
93
|
-
<div class="position-relative" style="height:
|
|
96
|
+
<div class="position-relative" style="height: 7400px;">
|
|
94
97
|
<div class="VirtualListItemContainer ">
|
|
95
98
|
<div class="VirtualListItemWrapper " data-index="0" style="position: absolute; transform: translateY(0px); width: 100%; will-change: transform;">
|
|
96
99
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
97
100
|
<div class="text-medium" data-test-ignore="text">Item 1</div>
|
|
98
|
-
<div class="word-break" data-test-ignore="text">
|
|
101
|
+
<div class="word-break" data-test-ignore="text">Ut vitae massa dolor ut</div>
|
|
99
102
|
</div>
|
|
100
103
|
</div>
|
|
101
104
|
<div class="VirtualListItemWrapper " data-index="1" style="position: absolute; transform: translateY(70px); width: 100%; will-change: transform;">
|
|
102
105
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
103
106
|
<div class="text-medium" data-test-ignore="text">Item 2</div>
|
|
104
|
-
<div class="word-break" data-test-ignore="text">
|
|
107
|
+
<div class="word-break" data-test-ignore="text">Quis, quis, efficitur ante Integer in Interdum ut In elit.</div>
|
|
105
108
|
</div>
|
|
106
109
|
</div>
|
|
107
110
|
<div class="VirtualListItemWrapper " data-index="2" style="position: absolute; transform: translateY(140px); width: 100%; will-change: transform;">
|
|
108
111
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
109
112
|
<div class="text-medium" data-test-ignore="text">Item 3</div>
|
|
110
|
-
<div class="word-break" data-test-ignore="text">
|
|
113
|
+
<div class="word-break" data-test-ignore="text">Consectetur sit Interdum tincidunt. Duis eget Duis ac sagittis et posuere
|
|
114
|
+
Lorem in finibus Ut</div>
|
|
111
115
|
</div>
|
|
112
116
|
</div>
|
|
113
117
|
<div class="VirtualListItemWrapper " data-index="3" style="position: absolute; transform: translateY(210px); width: 100%; will-change: transform;">
|
|
114
118
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
115
119
|
<div class="text-medium" data-test-ignore="text">Item 4</div>
|
|
116
|
-
<div class="word-break" data-test-ignore="text">
|
|
120
|
+
<div class="word-break" data-test-ignore="text">Iaculis. vitae eget scelerisque orci libero iaculis. elit. enim felis. malesuada elit. purus et</div>
|
|
117
121
|
</div>
|
|
118
122
|
</div>
|
|
119
123
|
<div class="VirtualListItemWrapper " data-index="4" style="position: absolute; transform: translateY(280px); width: 100%; will-change: transform;">
|
|
120
124
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
121
125
|
<div class="text-medium" data-test-ignore="text">Item 5</div>
|
|
122
|
-
<div class="word-break" data-test-ignore="text">
|
|
126
|
+
<div class="word-break" data-test-ignore="text">Massa ligula efficitur elit. condimentum quis, dui dui purus massa malesuada vel metus elit.</div>
|
|
123
127
|
</div>
|
|
124
128
|
</div>
|
|
125
129
|
<div class="VirtualListItemWrapper " data-index="5" style="position: absolute; transform: translateY(350px); width: 100%; will-change: transform;">
|
|
126
130
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
127
131
|
<div class="text-medium" data-test-ignore="text">Item 6</div>
|
|
128
|
-
<div class="word-break" data-test-ignore="text">
|
|
132
|
+
<div class="word-break" data-test-ignore="text">Iaculis.
|
|
133
|
+
Lorem ante felis. massa dolor</div>
|
|
129
134
|
</div>
|
|
130
135
|
</div>
|
|
131
136
|
<div class="VirtualListItemWrapper " data-index="6" style="position: absolute; transform: translateY(420px); width: 100%; will-change: transform;">
|
|
132
137
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
133
138
|
<div class="text-medium" data-test-ignore="text">Item 7</div>
|
|
134
|
-
<div class="word-break" data-test-ignore="text">
|
|
139
|
+
<div class="word-break" data-test-ignore="text">Elementum
|
|
140
|
+
Lorem Sed pretium in consectetur condimentum nec bibendum, elementum ipsum ipsum orci, et massa</div>
|
|
135
141
|
</div>
|
|
136
142
|
</div>
|
|
137
|
-
<div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(
|
|
143
|
+
<div class="VirtualListItemWrapper " data-index="7" style="position: absolute; transform: translateY(510px); width: 100%; will-change: transform;">
|
|
138
144
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
139
145
|
<div class="text-medium" data-test-ignore="text">Item 8</div>
|
|
140
|
-
<div class="word-break" data-test-ignore="text">
|
|
141
|
-
Lorem velit. nunc</div>
|
|
146
|
+
<div class="word-break" data-test-ignore="text">Amet, faucibus. orci elit. finibus pharetra Duis felis. nec aliquam efficitur velit. elementum scelerisque</div>
|
|
142
147
|
</div>
|
|
143
148
|
</div>
|
|
144
|
-
<div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(
|
|
149
|
+
<div class="VirtualListItemWrapper " data-index="8" style="position: absolute; transform: translateY(600px); width: 100%; will-change: transform;">
|
|
145
150
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
146
151
|
<div class="text-medium" data-test-ignore="text">Item 9</div>
|
|
147
|
-
<div class="word-break" data-test-ignore="text">
|
|
152
|
+
<div class="word-break" data-test-ignore="text">Et vel adipiscing malesuada fringilla massa,
|
|
153
|
+
Lorem Sed bibendum, ac</div>
|
|
148
154
|
</div>
|
|
149
155
|
</div>
|
|
150
|
-
<div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(
|
|
156
|
+
<div class="VirtualListItemWrapper " data-index="9" style="position: absolute; transform: translateY(670px); width: 100%; will-change: transform;">
|
|
151
157
|
<div class="margin-bottom-10 padding-y-10 padding-x-15 bg-white rounded shadow-accent text-color-darker">
|
|
152
158
|
<div class="text-medium" data-test-ignore="text">Item 10</div>
|
|
153
|
-
<div class="word-break" data-test-ignore="text">
|
|
159
|
+
<div class="word-break" data-test-ignore="text">Ut Sed felis. Sed bibendum, primis ante enim in in, amet, Sed orci,</div>
|
|
154
160
|
</div>
|
|
155
161
|
</div>
|
|
156
162
|
</div>
|
|
@@ -176,34 +182,35 @@ export default () => {
|
|
|
176
182
|
|
|
177
183
|
Virtual list with 5000 items
|
|
178
184
|
Vehicle 1
|
|
179
|
-
|
|
185
|
+
Libero Duis volutpat consectetur sit ac Vivamus posuere consectetur ipsum posuere dui volutpat vitae
|
|
180
186
|
|
|
181
187
|
Vehicle 2
|
|
182
|
-
|
|
188
|
+
Ut elit. amet, elit. sagittis molestie elementum sem. aliquam
|
|
183
189
|
|
|
184
190
|
Vehicle 3
|
|
185
|
-
|
|
191
|
+
Molestie eget semper. ante ipsum semper. quis,
|
|
186
192
|
|
|
187
193
|
Vehicle 4
|
|
188
|
-
|
|
194
|
+
Est pretium ac nunc ac tortor ipsum massa, et ipsum eget ac
|
|
189
195
|
|
|
190
196
|
Vehicle 5
|
|
191
|
-
|
|
197
|
+
Elit. malesuada vel sem. eget quis, Mauris iaculis.
|
|
192
198
|
|
|
193
199
|
Vehicle 6
|
|
194
|
-
|
|
200
|
+
Quis, orci enim libero purus in, In vel massa, aliquam Ut Duis ut
|
|
195
201
|
|
|
196
202
|
Vehicle 7
|
|
197
|
-
|
|
203
|
+
In est in orci pretium Integer pharetra tortor ut
|
|
198
204
|
|
|
199
205
|
Vehicle 8
|
|
200
|
-
|
|
206
|
+
Quis, elit. pretium eget metus vel finibus nec ac in,
|
|
201
207
|
|
|
202
208
|
Vehicle 9
|
|
203
|
-
|
|
209
|
+
In, condimentum ipsum pharetra ipsum orci elit. vitae sit in Mauris molestie pretium
|
|
204
210
|
|
|
205
211
|
Vehicle 10
|
|
206
|
-
|
|
212
|
+
Scelerisque
|
|
213
|
+
Lorem Duis ante posuere metus tortor efficitur
|
|
207
214
|
|
|
208
215
|
#### React (tsx)
|
|
209
216
|
|
|
@@ -284,7 +291,7 @@ export default () => {
|
|
|
284
291
|
</div>
|
|
285
292
|
<div>
|
|
286
293
|
<div class="text-medium" data-test-ignore="text">Vehicle 1</div>
|
|
287
|
-
<div class="word-break" data-test-ignore="text">
|
|
294
|
+
<div class="word-break" data-test-ignore="text">Libero Duis volutpat consectetur sit ac Vivamus posuere consectetur ipsum posuere dui volutpat vitae</div>
|
|
288
295
|
</div>
|
|
289
296
|
</div>
|
|
290
297
|
</div>
|
|
@@ -296,7 +303,7 @@ export default () => {
|
|
|
296
303
|
</div>
|
|
297
304
|
<div>
|
|
298
305
|
<div class="text-medium" data-test-ignore="text">Vehicle 2</div>
|
|
299
|
-
<div class="word-break" data-test-ignore="text">
|
|
306
|
+
<div class="word-break" data-test-ignore="text">Ut elit. amet, elit. sagittis molestie elementum sem. aliquam</div>
|
|
300
307
|
</div>
|
|
301
308
|
</div>
|
|
302
309
|
</div>
|
|
@@ -308,7 +315,7 @@ export default () => {
|
|
|
308
315
|
</div>
|
|
309
316
|
<div>
|
|
310
317
|
<div class="text-medium" data-test-ignore="text">Vehicle 3</div>
|
|
311
|
-
<div class="word-break" data-test-ignore="text">
|
|
318
|
+
<div class="word-break" data-test-ignore="text">Molestie eget semper. ante ipsum semper. quis,</div>
|
|
312
319
|
</div>
|
|
313
320
|
</div>
|
|
314
321
|
</div>
|
|
@@ -320,7 +327,7 @@ export default () => {
|
|
|
320
327
|
</div>
|
|
321
328
|
<div>
|
|
322
329
|
<div class="text-medium" data-test-ignore="text">Vehicle 4</div>
|
|
323
|
-
<div class="word-break" data-test-ignore="text">
|
|
330
|
+
<div class="word-break" data-test-ignore="text">Est pretium ac nunc ac tortor ipsum massa, et ipsum eget ac</div>
|
|
324
331
|
</div>
|
|
325
332
|
</div>
|
|
326
333
|
</div>
|
|
@@ -332,7 +339,7 @@ export default () => {
|
|
|
332
339
|
</div>
|
|
333
340
|
<div>
|
|
334
341
|
<div class="text-medium" data-test-ignore="text">Vehicle 5</div>
|
|
335
|
-
<div class="word-break" data-test-ignore="text">
|
|
342
|
+
<div class="word-break" data-test-ignore="text">Elit. malesuada vel sem. eget quis, Mauris iaculis.</div>
|
|
336
343
|
</div>
|
|
337
344
|
</div>
|
|
338
345
|
</div>
|
|
@@ -344,7 +351,7 @@ export default () => {
|
|
|
344
351
|
</div>
|
|
345
352
|
<div>
|
|
346
353
|
<div class="text-medium" data-test-ignore="text">Vehicle 6</div>
|
|
347
|
-
<div class="word-break" data-test-ignore="text">
|
|
354
|
+
<div class="word-break" data-test-ignore="text">Quis, orci enim libero purus in, In vel massa, aliquam Ut Duis ut</div>
|
|
348
355
|
</div>
|
|
349
356
|
</div>
|
|
350
357
|
</div>
|
|
@@ -356,7 +363,7 @@ export default () => {
|
|
|
356
363
|
</div>
|
|
357
364
|
<div>
|
|
358
365
|
<div class="text-medium" data-test-ignore="text">Vehicle 7</div>
|
|
359
|
-
<div class="word-break" data-test-ignore="text">
|
|
366
|
+
<div class="word-break" data-test-ignore="text">In est in orci pretium Integer pharetra tortor ut</div>
|
|
360
367
|
</div>
|
|
361
368
|
</div>
|
|
362
369
|
</div>
|
|
@@ -368,7 +375,7 @@ export default () => {
|
|
|
368
375
|
</div>
|
|
369
376
|
<div>
|
|
370
377
|
<div class="text-medium" data-test-ignore="text">Vehicle 8</div>
|
|
371
|
-
<div class="word-break" data-test-ignore="text">
|
|
378
|
+
<div class="word-break" data-test-ignore="text">Quis, elit. pretium eget metus vel finibus nec ac in,</div>
|
|
372
379
|
</div>
|
|
373
380
|
</div>
|
|
374
381
|
</div>
|
|
@@ -380,7 +387,7 @@ export default () => {
|
|
|
380
387
|
</div>
|
|
381
388
|
<div>
|
|
382
389
|
<div class="text-medium" data-test-ignore="text">Vehicle 9</div>
|
|
383
|
-
<div class="word-break" data-test-ignore="text">
|
|
390
|
+
<div class="word-break" data-test-ignore="text">In, condimentum ipsum pharetra ipsum orci elit. vitae sit in Mauris molestie pretium</div>
|
|
384
391
|
</div>
|
|
385
392
|
</div>
|
|
386
393
|
</div>
|
|
@@ -392,7 +399,8 @@ export default () => {
|
|
|
392
399
|
</div>
|
|
393
400
|
<div>
|
|
394
401
|
<div class="text-medium" data-test-ignore="text">Vehicle 10</div>
|
|
395
|
-
<div class="word-break" data-test-ignore="text">
|
|
402
|
+
<div class="word-break" data-test-ignore="text">Scelerisque
|
|
403
|
+
Lorem Duis ante posuere metus tortor efficitur</div>
|
|
396
404
|
</div>
|
|
397
405
|
</div>
|
|
398
406
|
</div>
|