@rio-cloud/uikit-mcp 1.1.10 → 1.1.11
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 +2 -1
- package/dist/doc-metadata.json +90 -90
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +3 -1
- package/dist/docs/components/animatedNumber.md +1 -1
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +22 -22
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +27 -77
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +7 -5
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +418 -364
- 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 +4 -2
- package/dist/docs/components/barList.md +10 -10
- package/dist/docs/components/basicMap.md +45 -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 +39 -35
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +3 -1
- package/dist/docs/components/chartsGettingStarted.md +3 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +3 -1
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +4 -2
- package/dist/docs/components/composedCharts.md +17 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +30 -28
- package/dist/docs/components/dayPicker.md +52 -2
- package/dist/docs/components/dayPickerCalendar.md +44 -24
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3253 -3241
- 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 +69 -69
- 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 +5 -3
- 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 +3 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +39 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +3 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +6 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/mapViewportHistory.md +287 -0
- package/dist/docs/components/multiselects.md +7 -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 +38 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +27 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +3 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +3 -1
- package/dist/docs/components/responsiveColumnStripe.md +3 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +1 -1
- package/dist/docs/components/saveableInput.md +17 -17
- package/dist/docs/components/selects.md +168 -51
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +3 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +15 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +3 -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 +3 -1
- package/dist/docs/components/table.md +1998 -221
- package/dist/docs/components/tableControls.md +5 -5
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +3 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +3 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +5 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +57 -57
- package/dist/docs/foundations.md +276 -110
- package/dist/docs/start/changelog.md +21 -1
- package/dist/docs/start/goodtoknow.md +8 -2
- package/dist/docs/start/guidelines/color-combinations.md +5 -1
- package/dist/docs/start/guidelines/custom-css.md +26 -2
- package/dist/docs/start/guidelines/custom-rioglyph.md +20 -2
- package/dist/docs/start/guidelines/formatting.md +2256 -249
- package/dist/docs/start/guidelines/iframe.md +37 -1
- package/dist/docs/start/guidelines/obfuscate-data.md +26 -2
- package/dist/docs/start/guidelines/print-css.md +16 -2
- package/dist/docs/start/guidelines/spinner.md +1 -1
- package/dist/docs/start/guidelines/state-in-url.md +1138 -11
- package/dist/docs/start/guidelines/supported-browsers.md +9 -2
- package/dist/docs/start/guidelines/writing.md +228 -2
- package/dist/docs/start/howto.md +160 -10
- package/dist/docs/start/intro.md +40 -2
- package/dist/docs/start/responsiveness.md +29 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +9 -9
- 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 +89 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +182 -2
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +46 -1
- package/dist/docs/utilities/routeUtils.md +210 -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 +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 +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 +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 +1 -1
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +111 -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 +173 -69
- package/dist/search-synonyms.json +214 -76
- package/dist/version.json +2 -2
- package/package.json +4 -5
- package/dist/docs/components/mapRouteGenerator.md +0 -6
|
@@ -3,28 +3,28 @@
|
|
|
3
3
|
*Category:* Templates
|
|
4
4
|
*Section:* Content
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/templates/list-blocks
|
|
6
|
-
*Captured:* 2026-04-
|
|
6
|
+
*Captured:* 2026-04-27T14:59:24.249Z
|
|
7
7
|
|
|
8
8
|
## List blocks
|
|
9
9
|
|
|
10
|
-
### Example:
|
|
10
|
+
### Example: Talis acquiro vomica cupiditate temptatio suspendo.
|
|
11
11
|
|
|
12
12
|
Lorem ipsum dolor
|
|
13
|
-
|
|
13
|
+
Talis acquiro vomica cupiditate temptatio suspendo.
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
Turner, Reichert and Howe
|
|
16
|
+
Crinis vicinus iusto.
|
|
17
17
|
|
|
18
18
|
Connect
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
Shields - Roob
|
|
21
|
+
Cauda iusto thema correptius defetiscor creptio testimonium compono inflammatio crur.
|
|
22
|
+
Absque adipisci adeptio voluptatibus veritatis corpus varius amaritudo cunctatio vomito.
|
|
23
23
|
|
|
24
24
|
Connect
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
Daniel-Fadel Inc
|
|
27
|
+
Arbitro cupio cerno necessitatibus contabesco demo eos totidem illum baiulus.
|
|
28
28
|
|
|
29
29
|
Connect
|
|
30
30
|
|
|
@@ -88,7 +88,7 @@ export default () => {
|
|
|
88
88
|
```html
|
|
89
89
|
<div class="max-width-500 margin-auto padding-5">
|
|
90
90
|
<div class="text-size-h2 font-bold">Lorem ipsum dolor</div>
|
|
91
|
-
<p class="text-color-dark margin-top-0 margin-bottom-20">
|
|
91
|
+
<p class="text-color-dark margin-top-0 margin-bottom-20">Talis acquiro vomica cupiditate temptatio suspendo.</p>
|
|
92
92
|
<div class="space-y-15">
|
|
93
93
|
<div class="bg-white padding-15 rounded-large shadow-subtle border">
|
|
94
94
|
<div class="display-flex gap-15">
|
|
@@ -98,8 +98,8 @@ export default () => {
|
|
|
98
98
|
</div>
|
|
99
99
|
<div class="flex-1-1 display-flex gap-15 flex-row-ls flex-column">
|
|
100
100
|
<div class="flex-1-1">
|
|
101
|
-
<p class="text-size-18 margin-0 margin-bottom-5">
|
|
102
|
-
<p class="text-color-dark margin-0">
|
|
101
|
+
<p class="text-size-18 margin-0 margin-bottom-5">Turner, Reichert and Howe</p>
|
|
102
|
+
<p class="text-color-dark margin-0">Crinis vicinus iusto.</p>
|
|
103
103
|
</div>
|
|
104
104
|
<div class="display-flex align-items-center">
|
|
105
105
|
<button type="button" class="btn btn-default btn-component" tabindex="0">Connect</button>
|
|
@@ -115,9 +115,9 @@ export default () => {
|
|
|
115
115
|
</div>
|
|
116
116
|
<div class="flex-1-1 display-flex gap-15 flex-row-ls flex-column">
|
|
117
117
|
<div class="flex-1-1">
|
|
118
|
-
<p class="text-size-18 margin-0 margin-bottom-5">
|
|
119
|
-
<p class="text-color-dark margin-0">
|
|
120
|
-
|
|
118
|
+
<p class="text-size-18 margin-0 margin-bottom-5">Shields - Roob</p>
|
|
119
|
+
<p class="text-color-dark margin-0">Cauda iusto thema correptius defetiscor creptio testimonium compono inflammatio crur.
|
|
120
|
+
Absque adipisci adeptio voluptatibus veritatis corpus varius amaritudo cunctatio vomito.</p>
|
|
121
121
|
</div>
|
|
122
122
|
<div class="display-flex align-items-center">
|
|
123
123
|
<button type="button" class="btn btn-default btn-component" tabindex="0">Connect</button>
|
|
@@ -133,8 +133,8 @@ export default () => {
|
|
|
133
133
|
</div>
|
|
134
134
|
<div class="flex-1-1 display-flex gap-15 flex-row-ls flex-column">
|
|
135
135
|
<div class="flex-1-1">
|
|
136
|
-
<p class="text-size-18 margin-0 margin-bottom-5">
|
|
137
|
-
<p class="text-color-dark margin-0">
|
|
136
|
+
<p class="text-size-18 margin-0 margin-bottom-5">Daniel-Fadel Inc</p>
|
|
137
|
+
<p class="text-color-dark margin-0">Arbitro cupio cerno necessitatibus contabesco demo eos totidem illum baiulus.</p>
|
|
138
138
|
</div>
|
|
139
139
|
<div class="display-flex align-items-center">
|
|
140
140
|
<button type="button" class="btn btn-default btn-component" tabindex="0">Connect</button>
|
|
@@ -259,21 +259,21 @@ export default () => {
|
|
|
259
259
|
</div>
|
|
260
260
|
```
|
|
261
261
|
|
|
262
|
-
### Example:
|
|
262
|
+
### Example: Sint annus desidero peccatus.
|
|
263
263
|
|
|
264
264
|
Lorem ipsum dolor
|
|
265
|
-
|
|
265
|
+
Sint annus desidero peccatus.
|
|
266
266
|
|
|
267
|
-
|
|
268
|
-
|
|
267
|
+
Russel - Waelchi
|
|
268
|
+
Apud vae aeger summa adopto demergo porro tutis bestia caries.
|
|
269
269
|
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
270
|
+
Stiedemann LLC
|
|
271
|
+
Summa delibero sono uredo accusantium.
|
|
272
|
+
Spero brevis vaco velociter cogito censura stella cicuta.
|
|
273
273
|
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
274
|
+
Goyette, Halvorson and Jerde
|
|
275
|
+
Acquiro comparo amplitudo reprehenderit capitulus ademptio.
|
|
276
|
+
Molestiae qui denique conor fugiat accusantium vigilo ambulo.
|
|
277
277
|
|
|
278
278
|
#### React (tsx)
|
|
279
279
|
|
|
@@ -334,7 +334,7 @@ export default () => {
|
|
|
334
334
|
<div class="max-width-500 margin-auto padding-5">
|
|
335
335
|
<div class="text-center">
|
|
336
336
|
<div class="text-size-h2 font-bold">Lorem ipsum dolor</div>
|
|
337
|
-
<p class="text-color-dark margin-top-0 margin-bottom-20">
|
|
337
|
+
<p class="text-color-dark margin-top-0 margin-bottom-20">Sint annus desidero peccatus.</p>
|
|
338
338
|
</div>
|
|
339
339
|
<div class="space-y-15 divider-y-1 divider-color-light divider-style-solid">
|
|
340
340
|
<div class="padding-15">
|
|
@@ -344,8 +344,8 @@ export default () => {
|
|
|
344
344
|
</span>
|
|
345
345
|
</div>
|
|
346
346
|
<div class="flex-1-1">
|
|
347
|
-
<div class="text-size-18 margin-bottom-2">
|
|
348
|
-
<div class="text-color-dark">
|
|
347
|
+
<div class="text-size-18 margin-bottom-2">Russel - Waelchi</div>
|
|
348
|
+
<div class="text-color-dark">Apud vae aeger summa adopto demergo porro tutis bestia caries.</div>
|
|
349
349
|
</div>
|
|
350
350
|
</div>
|
|
351
351
|
</div>
|
|
@@ -356,9 +356,9 @@ export default () => {
|
|
|
356
356
|
</span>
|
|
357
357
|
</div>
|
|
358
358
|
<div class="flex-1-1">
|
|
359
|
-
<div class="text-size-18 margin-bottom-2">
|
|
360
|
-
<div class="text-color-dark">
|
|
361
|
-
|
|
359
|
+
<div class="text-size-18 margin-bottom-2">Stiedemann LLC</div>
|
|
360
|
+
<div class="text-color-dark">Summa delibero sono uredo accusantium.
|
|
361
|
+
Spero brevis vaco velociter cogito censura stella cicuta.</div>
|
|
362
362
|
</div>
|
|
363
363
|
</div>
|
|
364
364
|
</div>
|
|
@@ -369,9 +369,9 @@ export default () => {
|
|
|
369
369
|
</span>
|
|
370
370
|
</div>
|
|
371
371
|
<div class="flex-1-1">
|
|
372
|
-
<div class="text-size-18 margin-bottom-2">
|
|
373
|
-
<div class="text-color-dark">
|
|
374
|
-
|
|
372
|
+
<div class="text-size-18 margin-bottom-2">Goyette, Halvorson and Jerde</div>
|
|
373
|
+
<div class="text-color-dark">Acquiro comparo amplitudo reprehenderit capitulus ademptio.
|
|
374
|
+
Molestiae qui denique conor fugiat accusantium vigilo ambulo.</div>
|
|
375
375
|
</div>
|
|
376
376
|
</div>
|
|
377
377
|
</div>
|
|
@@ -379,31 +379,31 @@ export default () => {
|
|
|
379
379
|
</div>
|
|
380
380
|
```
|
|
381
381
|
|
|
382
|
-
### Example:
|
|
382
|
+
### Example: Cunctatio cogito adnuo inventore utrimque. Cedo ambitus arbustum cornu tergiversatio denuo traho apud vulgo. Depereo cohaero arx ducimus cupiditas aspicio antea.
|
|
383
383
|
|
|
384
384
|
Lorem ipsum dolor sit amet
|
|
385
|
-
|
|
386
|
-
|
|
385
|
+
Subseco dicta corroboro concedo.
|
|
386
|
+
Pauper delinquo administratio abbas vacuus.
|
|
387
387
|
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
388
|
+
Auer - Hodkiewicz
|
|
389
|
+
Cunctatio cogito adnuo inventore utrimque.
|
|
390
|
+
Cedo ambitus arbustum cornu tergiversatio denuo traho apud vulgo.
|
|
391
|
+
Depereo cohaero arx ducimus cupiditas aspicio antea.
|
|
392
392
|
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
393
|
+
Cremin, Schroeder and Yundt
|
|
394
|
+
Benigne thesaurus venia articulus dolor summa quia deserunt dicta in.
|
|
395
|
+
Denego denuncio ocer stella.
|
|
396
|
+
Alter absorbeo in vicinus verbum sodalitas bonus vilicus unde cervus.
|
|
397
397
|
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
398
|
+
Wolf, Klein and Welch
|
|
399
|
+
Curvo clamo thorax appono aurum venia aiunt tardus vaco complectus.
|
|
400
|
+
Assumenda stillicidium volva solium.
|
|
401
|
+
Uter aqua correptius centum catena eveniet vorax.
|
|
402
402
|
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
403
|
+
Kihn and Sons
|
|
404
|
+
Charisma confido supra.
|
|
405
|
+
Congregatio aranea supra creber ater censura sustineo inflammatio.
|
|
406
|
+
Urbanus correptius in rerum velit saepe ascisco alter.
|
|
407
407
|
|
|
408
408
|
#### React (tsx)
|
|
409
409
|
|
|
@@ -462,8 +462,8 @@ export default () => {
|
|
|
462
462
|
<div>
|
|
463
463
|
<div class="margin-auto max-width-800 margin-bottom-50">
|
|
464
464
|
<div class="text-size-h2 text-medium">Lorem ipsum dolor sit amet</div>
|
|
465
|
-
<div>
|
|
466
|
-
|
|
465
|
+
<div>Subseco dicta corroboro concedo.
|
|
466
|
+
Pauper delinquo administratio abbas vacuus.</div>
|
|
467
467
|
</div>
|
|
468
468
|
<div class="margin-auto max-width-800 display-grid grid-cols-1 grid-cols-2-ls row-gap-25 column-gap-50">
|
|
469
469
|
<div>
|
|
@@ -471,86 +471,86 @@ export default () => {
|
|
|
471
471
|
<span class="rioglyph rioglyph-stats text-size-200pct">
|
|
472
472
|
</span>
|
|
473
473
|
</div>
|
|
474
|
-
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">
|
|
475
|
-
<div class="text-color-dark">
|
|
476
|
-
|
|
477
|
-
|
|
474
|
+
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">Auer - Hodkiewicz</div>
|
|
475
|
+
<div class="text-color-dark">Cunctatio cogito adnuo inventore utrimque.
|
|
476
|
+
Cedo ambitus arbustum cornu tergiversatio denuo traho apud vulgo.
|
|
477
|
+
Depereo cohaero arx ducimus cupiditas aspicio antea.</div>
|
|
478
478
|
</div>
|
|
479
479
|
<div>
|
|
480
480
|
<div class="text-size-14 text-color-primary margin-bottom-10">
|
|
481
481
|
<span class="rioglyph rioglyph-server-stack text-size-200pct">
|
|
482
482
|
</span>
|
|
483
483
|
</div>
|
|
484
|
-
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">
|
|
485
|
-
<div class="text-color-dark">
|
|
486
|
-
|
|
487
|
-
|
|
484
|
+
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">Cremin, Schroeder and Yundt</div>
|
|
485
|
+
<div class="text-color-dark">Benigne thesaurus venia articulus dolor summa quia deserunt dicta in.
|
|
486
|
+
Denego denuncio ocer stella.
|
|
487
|
+
Alter absorbeo in vicinus verbum sodalitas bonus vilicus unde cervus.</div>
|
|
488
488
|
</div>
|
|
489
489
|
<div>
|
|
490
490
|
<div class="text-size-14 text-color-primary margin-bottom-10">
|
|
491
491
|
<span class="rioglyph rioglyph-fingerprint text-size-200pct">
|
|
492
492
|
</span>
|
|
493
493
|
</div>
|
|
494
|
-
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">
|
|
495
|
-
<div class="text-color-dark">
|
|
496
|
-
|
|
497
|
-
|
|
494
|
+
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">Wolf, Klein and Welch</div>
|
|
495
|
+
<div class="text-color-dark">Curvo clamo thorax appono aurum venia aiunt tardus vaco complectus.
|
|
496
|
+
Assumenda stillicidium volva solium.
|
|
497
|
+
Uter aqua correptius centum catena eveniet vorax.</div>
|
|
498
498
|
</div>
|
|
499
499
|
<div>
|
|
500
500
|
<div class="text-size-14 text-color-primary margin-bottom-10">
|
|
501
501
|
<span class="rioglyph rioglyph-code-brackets text-size-200pct">
|
|
502
502
|
</span>
|
|
503
503
|
</div>
|
|
504
|
-
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">
|
|
505
|
-
<div class="text-color-dark">
|
|
506
|
-
|
|
507
|
-
|
|
504
|
+
<div class="text-size-18 text-color-darker text-medium margin-bottom-5">Kihn and Sons</div>
|
|
505
|
+
<div class="text-color-dark">Charisma confido supra.
|
|
506
|
+
Congregatio aranea supra creber ater censura sustineo inflammatio.
|
|
507
|
+
Urbanus correptius in rerum velit saepe ascisco alter.</div>
|
|
508
508
|
</div>
|
|
509
509
|
</div>
|
|
510
510
|
</div>
|
|
511
511
|
```
|
|
512
512
|
|
|
513
|
-
### Example:
|
|
513
|
+
### Example: The Expanded global system engine Mouse offers reliable performance and rough design
|
|
514
514
|
|
|
515
515
|
Enhance your application with powerful add-ons!
|
|
516
516
|
|
|
517
|
-
|
|
518
|
-
|
|
517
|
+
Refined Aluminum Table
|
|
518
|
+
The Expanded global system engine Mouse offers reliable performance and rough design
|
|
519
519
|
|
|
520
|
-
€
|
|
520
|
+
€43.63
|
|
521
521
|
Total per month
|
|
522
522
|
|
|
523
523
|
Get Add-on
|
|
524
524
|
|
|
525
|
-
|
|
526
|
-
|
|
525
|
+
Luxurious Bronze Salad
|
|
526
|
+
Innovative Chair featuring portly technology and Ceramic construction
|
|
527
527
|
|
|
528
|
-
€
|
|
529
|
-
|
|
528
|
+
€51.79
|
|
529
|
+
Total per month
|
|
530
530
|
|
|
531
531
|
Get Add-on
|
|
532
532
|
|
|
533
|
-
|
|
534
|
-
|
|
533
|
+
Electronic Silk Bike
|
|
534
|
+
Our giraffe-friendly Salad ensures outlying comfort for your pets
|
|
535
535
|
|
|
536
|
-
€
|
|
536
|
+
€87.19
|
|
537
537
|
Total per user / month
|
|
538
538
|
|
|
539
539
|
Get Add-on
|
|
540
540
|
|
|
541
|
-
|
|
542
|
-
|
|
541
|
+
Electronic Silk Mouse
|
|
542
|
+
Discover the fox-like agility of our Shoes, perfect for adolescent users
|
|
543
543
|
|
|
544
|
-
€
|
|
545
|
-
|
|
544
|
+
€58.29
|
|
545
|
+
Total per month
|
|
546
546
|
|
|
547
547
|
Get Add-on
|
|
548
548
|
|
|
549
|
-
|
|
550
|
-
|
|
549
|
+
Fantastic Steel Soap
|
|
550
|
+
The Business-focused attitude-oriented array Computer offers reliable performance and bouncy design
|
|
551
551
|
|
|
552
|
-
€
|
|
553
|
-
Total per
|
|
552
|
+
€55.29
|
|
553
|
+
Total per month
|
|
554
554
|
|
|
555
555
|
Get Add-on
|
|
556
556
|
|
|
@@ -655,11 +655,11 @@ export default () => {
|
|
|
655
655
|
</span>
|
|
656
656
|
</div>
|
|
657
657
|
<div class="flex-1-1">
|
|
658
|
-
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">
|
|
659
|
-
<div class="text-size-14 text-color-dark">
|
|
658
|
+
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">Refined Aluminum Table</div>
|
|
659
|
+
<div class="text-size-14 text-color-dark">The Expanded global system engine Mouse offers reliable performance and rough design</div>
|
|
660
660
|
</div>
|
|
661
661
|
<div class="width-100">
|
|
662
|
-
<div class="text-size-16 text-medium">€
|
|
662
|
+
<div class="text-size-16 text-medium">€43.63</div>
|
|
663
663
|
<div class="text-size-12 text-color-gray">Total per month</div>
|
|
664
664
|
</div>
|
|
665
665
|
<div>
|
|
@@ -672,12 +672,12 @@ export default () => {
|
|
|
672
672
|
</span>
|
|
673
673
|
</div>
|
|
674
674
|
<div class="flex-1-1">
|
|
675
|
-
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">
|
|
676
|
-
<div class="text-size-14 text-color-dark">
|
|
675
|
+
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">Luxurious Bronze Salad</div>
|
|
676
|
+
<div class="text-size-14 text-color-dark">Innovative Chair featuring portly technology and Ceramic construction</div>
|
|
677
677
|
</div>
|
|
678
678
|
<div class="width-100">
|
|
679
|
-
<div class="text-size-16 text-medium">€
|
|
680
|
-
<div class="text-size-12 text-color-gray">
|
|
679
|
+
<div class="text-size-16 text-medium">€51.79</div>
|
|
680
|
+
<div class="text-size-12 text-color-gray">Total per month</div>
|
|
681
681
|
</div>
|
|
682
682
|
<div>
|
|
683
683
|
<button type="button" class="btn btn-muted-filled btn-component" tabindex="0">Get Add-on</button>
|
|
@@ -689,11 +689,11 @@ export default () => {
|
|
|
689
689
|
</span>
|
|
690
690
|
</div>
|
|
691
691
|
<div class="flex-1-1">
|
|
692
|
-
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">
|
|
693
|
-
<div class="text-size-14 text-color-dark">
|
|
692
|
+
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">Electronic Silk Bike</div>
|
|
693
|
+
<div class="text-size-14 text-color-dark">Our giraffe-friendly Salad ensures outlying comfort for your pets</div>
|
|
694
694
|
</div>
|
|
695
695
|
<div class="width-100">
|
|
696
|
-
<div class="text-size-16 text-medium">€
|
|
696
|
+
<div class="text-size-16 text-medium">€87.19</div>
|
|
697
697
|
<div class="text-size-12 text-color-gray">Total per user / month</div>
|
|
698
698
|
</div>
|
|
699
699
|
<div>
|
|
@@ -706,12 +706,12 @@ export default () => {
|
|
|
706
706
|
</span>
|
|
707
707
|
</div>
|
|
708
708
|
<div class="flex-1-1">
|
|
709
|
-
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">
|
|
710
|
-
<div class="text-size-14 text-color-dark">
|
|
709
|
+
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">Electronic Silk Mouse</div>
|
|
710
|
+
<div class="text-size-14 text-color-dark">Discover the fox-like agility of our Shoes, perfect for adolescent users</div>
|
|
711
711
|
</div>
|
|
712
712
|
<div class="width-100">
|
|
713
|
-
<div class="text-size-16 text-medium">€
|
|
714
|
-
<div class="text-size-12 text-color-gray">
|
|
713
|
+
<div class="text-size-16 text-medium">€58.29</div>
|
|
714
|
+
<div class="text-size-12 text-color-gray">Total per month</div>
|
|
715
715
|
</div>
|
|
716
716
|
<div>
|
|
717
717
|
<button type="button" class="btn btn-muted-filled btn-component" tabindex="0">Get Add-on</button>
|
|
@@ -723,12 +723,12 @@ export default () => {
|
|
|
723
723
|
</span>
|
|
724
724
|
</div>
|
|
725
725
|
<div class="flex-1-1">
|
|
726
|
-
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">
|
|
727
|
-
<div class="text-size-14 text-color-dark">
|
|
726
|
+
<div class="text-size-16 text-medium margin-bottom-5 text-lowercase text-capitalize-first-word">Fantastic Steel Soap</div>
|
|
727
|
+
<div class="text-size-14 text-color-dark">The Business-focused attitude-oriented array Computer offers reliable performance and bouncy design</div>
|
|
728
728
|
</div>
|
|
729
729
|
<div class="width-100">
|
|
730
|
-
<div class="text-size-16 text-medium">€
|
|
731
|
-
<div class="text-size-12 text-color-gray">Total per
|
|
730
|
+
<div class="text-size-16 text-medium">€55.29</div>
|
|
731
|
+
<div class="text-size-12 text-color-gray">Total per month</div>
|
|
732
732
|
</div>
|
|
733
733
|
<div>
|
|
734
734
|
<button type="button" class="btn btn-muted-filled btn-component" tabindex="0">Get Add-on</button>
|
|
@@ -742,23 +742,23 @@ export default () => {
|
|
|
742
742
|
|
|
743
743
|
Features
|
|
744
744
|
|
|
745
|
-
|
|
746
|
-
|
|
745
|
+
Tasty Rubber Hat
|
|
746
|
+
Our koala-friendly Bacon ensures decisive comfort for your pets
|
|
747
747
|
|
|
748
|
-
|
|
749
|
-
|
|
748
|
+
Incredible Bronze Pizza
|
|
749
|
+
Savor the sweet essence in our Cheese, designed for late culinary adventures
|
|
750
750
|
|
|
751
|
-
|
|
752
|
-
|
|
751
|
+
Small Marble Bacon
|
|
752
|
+
Experience the turquoise brilliance of our Mouse, perfect for celebrated environments
|
|
753
753
|
|
|
754
|
-
|
|
755
|
-
|
|
754
|
+
Gorgeous Cotton Towels
|
|
755
|
+
Kertzmann and Sons's most advanced Salad technology increases angelic capabilities
|
|
756
756
|
|
|
757
|
-
|
|
758
|
-
|
|
757
|
+
Handcrafted Wooden Bacon
|
|
758
|
+
Experience the tan brilliance of our Hat, perfect for infinite environments
|
|
759
759
|
|
|
760
|
-
|
|
761
|
-
|
|
760
|
+
Gorgeous Silk Salad
|
|
761
|
+
The orange Towels combines Lithuania aesthetics with Rubidium-based durability
|
|
762
762
|
|
|
763
763
|
#### React (tsx)
|
|
764
764
|
|
|
@@ -823,48 +823,48 @@ export default () => {
|
|
|
823
823
|
<span class="rioglyph rioglyph-ok-sign text-color-success text-size-20">
|
|
824
824
|
</span>
|
|
825
825
|
<div>
|
|
826
|
-
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">
|
|
827
|
-
<div>
|
|
826
|
+
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">Tasty Rubber Hat</div>
|
|
827
|
+
<div>Our koala-friendly Bacon ensures decisive comfort for your pets</div>
|
|
828
828
|
</div>
|
|
829
829
|
</li>
|
|
830
830
|
<li class="display-flex gap-10 ">
|
|
831
831
|
<span class="rioglyph rioglyph-ok-sign text-color-success text-size-20">
|
|
832
832
|
</span>
|
|
833
833
|
<div>
|
|
834
|
-
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">
|
|
835
|
-
<div>
|
|
834
|
+
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">Incredible Bronze Pizza</div>
|
|
835
|
+
<div>Savor the sweet essence in our Cheese, designed for late culinary adventures</div>
|
|
836
836
|
</div>
|
|
837
837
|
</li>
|
|
838
838
|
<li class="display-flex gap-10 ">
|
|
839
839
|
<span class="rioglyph rioglyph-ok-sign text-color-success text-size-20">
|
|
840
840
|
</span>
|
|
841
841
|
<div>
|
|
842
|
-
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">
|
|
843
|
-
<div>
|
|
842
|
+
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">Small Marble Bacon</div>
|
|
843
|
+
<div>Experience the turquoise brilliance of our Mouse, perfect for celebrated environments</div>
|
|
844
844
|
</div>
|
|
845
845
|
</li>
|
|
846
846
|
<li class="display-flex gap-10 ">
|
|
847
847
|
<span class="rioglyph rioglyph-ok-sign text-color-success text-size-20">
|
|
848
848
|
</span>
|
|
849
849
|
<div>
|
|
850
|
-
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">
|
|
851
|
-
<div>
|
|
850
|
+
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">Gorgeous Cotton Towels</div>
|
|
851
|
+
<div>Kertzmann and Sons's most advanced Salad technology increases angelic capabilities</div>
|
|
852
852
|
</div>
|
|
853
853
|
</li>
|
|
854
854
|
<li class="display-flex gap-10 ">
|
|
855
855
|
<span class="rioglyph rioglyph-ok-sign text-color-success text-size-20">
|
|
856
856
|
</span>
|
|
857
857
|
<div>
|
|
858
|
-
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">
|
|
859
|
-
<div>
|
|
858
|
+
<div class="text-medium text-size-18 text-color-darker text-lowercase text-capitalize-first-word">Handcrafted Wooden Bacon</div>
|
|
859
|
+
<div>Experience the tan brilliance of our Hat, perfect for infinite environments</div>
|
|
860
860
|
</div>
|
|
861
861
|
</li>
|
|
862
862
|
<li class="display-flex gap-10">
|
|
863
863
|
<span class="rioglyph rioglyph-minus-sign text-color-gray text-size-20">
|
|
864
864
|
</span>
|
|
865
865
|
<div>
|
|
866
|
-
<div class="text-medium text-size-18 text-color-darker text-capitalize-first-word">
|
|
867
|
-
<div>
|
|
866
|
+
<div class="text-medium text-size-18 text-color-darker text-capitalize-first-word">Gorgeous Silk Salad</div>
|
|
867
|
+
<div>The orange Towels combines Lithuania aesthetics with Rubidium-based durability</div>
|
|
868
868
|
</div>
|
|
869
869
|
</li>
|
|
870
870
|
</ul>
|