@lowdefy/docs-content 0.0.0-experimental-20260928120643 → 6.1.0
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 +0 -1
- package/content/actions/link.md +0 -17
- package/content/actions/login.md +5 -23
- package/content/actions/logout.md +5 -5
- package/content/actions/pdfmake.md +2 -2
- package/content/actions/setdarkmode.md +2 -2
- package/content/agents/agent-properties.md +2 -4
- package/content/agents/agentchat.md +6 -21
- package/content/agents/agentconversations.md +2 -2
- package/content/concepts/ai-agent-docs.md +101 -313
- package/content/concepts/cli.md +3 -34
- package/content/concepts/connections-and-requests.md +0 -402
- package/content/concepts/custom-html.md +0 -40
- package/content/concepts/custom-styling.md +5 -50
- package/content/concepts/events-and-actions.md +2 -64
- package/content/concepts/i18n.md +2 -7
- package/content/concepts/keyboard-shortcuts.md +2 -2
- package/content/concepts/layout-overview.md +1 -1
- package/content/concepts/logger.md +0 -81
- package/content/concepts/lowdefy-schema.md +1 -4
- package/content/concepts/menus.md +7 -7
- package/content/concepts/module-authoring.md +2 -2
- package/content/connections/anthropic.md +2 -162
- package/content/connections/awss3.md +0 -54
- package/content/connections/google.md +2 -162
- package/content/connections/mongodb.md +3 -121
- package/content/connections/openai-connection.md +2 -162
- package/content/container-blocks/affix.md +7 -47
- package/content/container-blocks/alert.md +24 -76
- package/content/container-blocks/badge.md +24 -100
- package/content/container-blocks/box.md +9 -9
- package/content/container-blocks/card.md +25 -80
- package/content/container-blocks/carousel.md +7 -60
- package/content/container-blocks/collapse.md +9 -87
- package/content/container-blocks/configprovider.md +13 -35
- package/content/container-blocks/confirmmodal.md +23 -69
- package/content/container-blocks/content.md +98 -62
- package/content/container-blocks/descriptions.md +4 -45
- package/content/container-blocks/drawer.md +28 -92
- package/content/container-blocks/dropdownmenu.md +31 -119
- package/content/container-blocks/flex.md +62 -40
- package/content/container-blocks/footer.md +11 -15
- package/content/container-blocks/googlemapsheatmap.md +1 -1
- package/content/container-blocks/googlemapsscript.md +2 -2
- package/content/container-blocks/header.md +36 -71
- package/content/container-blocks/label.md +7 -34
- package/content/container-blocks/layout.md +34 -52
- package/content/container-blocks/masonry.md +71 -17
- package/content/container-blocks/mobilemenu.md +88 -131
- package/content/container-blocks/modal.md +26 -114
- package/content/container-blocks/pageheadermenu.md +31 -81
- package/content/container-blocks/pagesidebarlayout.md +26 -169
- package/content/container-blocks/pagesidermenu.md +42 -95
- package/content/container-blocks/popover.md +31 -34
- package/content/container-blocks/result.md +21 -32
- package/content/container-blocks/sider.md +122 -85
- package/content/container-blocks/span.md +7 -7
- package/content/container-blocks/spinner.md +3 -3
- package/content/container-blocks/splitter.md +68 -150
- package/content/container-blocks/tabs.md +12 -64
- package/content/container-blocks/tooltip.md +46 -22
- package/content/container-blocks/watermark.md +4 -22
- package/content/controls/reject.md +2 -4
- package/content/controls/throw.md +0 -1
- package/content/controls/try.md +2 -3
- package/content/deployment/deployment-environments.md +6 -8
- package/content/deployment/docker.md +7 -22
- package/content/deployment/node-server.md +0 -4
- package/content/deployment/vercel.md +6 -13
- package/content/display-blocks/aggrid.md +11 -26
- package/content/display-blocks/anchor.md +15 -15
- package/content/display-blocks/avatar.md +37 -57
- package/content/display-blocks/breadcrumb.md +21 -70
- package/content/display-blocks/button.md +18 -92
- package/content/display-blocks/calendar.md +0 -12
- package/content/display-blocks/dangeroushtml.md +1 -1
- package/content/display-blocks/difflist.md +1 -1
- package/content/display-blocks/difftimeline.md +1 -1
- package/content/display-blocks/divider.md +3 -64
- package/content/display-blocks/dropdownbutton.md +28 -79
- package/content/display-blocks/echart.md +1 -35
- package/content/display-blocks/floatbutton.md +42 -129
- package/content/display-blocks/html.md +1 -61
- package/content/display-blocks/icon.md +67 -250
- package/content/display-blocks/menu.md +73 -145
- package/content/display-blocks/message.md +124 -38
- package/content/display-blocks/notification.md +222 -94
- package/content/display-blocks/paragraph.md +9 -59
- package/content/display-blocks/progress.md +17 -96
- package/content/display-blocks/qrcode.md +4 -19
- package/content/display-blocks/s3download.md +1 -1
- package/content/display-blocks/search.md +7 -17
- package/content/display-blocks/skeletonbutton.md +0 -1
- package/content/display-blocks/skeletoninput.md +0 -1
- package/content/display-blocks/statistic.md +17 -75
- package/content/display-blocks/steps.md +25 -58
- package/content/display-blocks/tag.md +17 -102
- package/content/display-blocks/title.md +11 -50
- package/content/display-blocks/tour.md +23 -33
- package/content/input-blocks/autocomplete.md +9 -81
- package/content/input-blocks/buttonselector.md +8 -45
- package/content/input-blocks/checkboxselector.md +7 -97
- package/content/input-blocks/checkboxswitch.md +3 -33
- package/content/input-blocks/colorselector.md +14 -63
- package/content/input-blocks/daterangeselector.md +45 -165
- package/content/input-blocks/dateselector.md +41 -139
- package/content/input-blocks/datetimeselector.md +49 -158
- package/content/input-blocks/inputgallery.md +3 -3
- package/content/input-blocks/monthselector.md +52 -120
- package/content/input-blocks/multipleselector.md +39 -150
- package/content/input-blocks/numberinput.md +12 -98
- package/content/input-blocks/pagination.md +14 -70
- package/content/input-blocks/paragraphinput.md +37 -51
- package/content/input-blocks/passwordinput.md +6 -60
- package/content/input-blocks/phonenumberinput.md +26 -59
- package/content/input-blocks/radioselector.md +7 -83
- package/content/input-blocks/ratingslider.md +26 -57
- package/content/input-blocks/s3uploadbutton.md +24 -24
- package/content/input-blocks/s3uploaddragger.md +3 -3
- package/content/input-blocks/s3uploadphoto.md +5 -5
- package/content/input-blocks/segmentedselector.md +32 -72
- package/content/input-blocks/selector.md +21 -109
- package/content/input-blocks/switch.md +17 -65
- package/content/input-blocks/textarea.md +3 -32
- package/content/input-blocks/textinput.md +28 -69
- package/content/input-blocks/tiptapmentioninput.md +1 -1
- package/content/input-blocks/titleinput.md +12 -39
- package/content/input-blocks/treeinput.md +25 -49
- package/content/input-blocks/treemultipleselector.md +10 -127
- package/content/input-blocks/treeselector.md +9 -97
- package/content/input-blocks/upload.md +15 -64
- package/content/input-blocks/uploaddragger.md +1 -17
- package/content/input-blocks/uploadphoto.md +1 -18
- package/content/input-blocks/weekselector.md +55 -120
- package/content/list-blocks/controlledlist.md +15 -24
- package/content/list-blocks/list.md +11 -11
- package/content/list-blocks/masonrylist.md +34 -7
- package/content/migration/upgrade-guide.md +0 -1
- package/content/operators/_app.md +1 -2
- package/content/operators/_error.md +1 -23
- package/content/operators/_get.md +6 -6
- package/content/operators/_operator.md +3 -17
- package/content/operators/_ref.md +0 -258
- package/content/operators/_type.md +3 -14
- package/content/operators/_user.md +3 -3
- package/content/other/introduction.md +1 -1
- package/content/plugins/plugins-dev.md +0 -66
- package/content/plugins/plugins-introduction.md +1 -27
- package/content/testing/e2e-configuration.md +1 -8
- package/content/testing/e2e-getting-started.md +1 -1
- package/content/testing/e2e-introduction.md +1 -1
- package/content/tutorial/tutorial-actions-operators.md +2 -2
- package/content/tutorial/tutorial-add-blocks.md +2 -2
- package/content/tutorial/tutorial-create-page.md +2 -48
- package/content/tutorial/tutorial-display-data-page.md +3 -3
- package/content/tutorial/tutorial-requests-sql.md +0 -153
- package/content/tutorial/tutorial-start.md +1 -66
- package/content/user-authentication/login-and-logout.md +8 -158
- package/content/user-authentication/users-introduction.md +0 -8
- package/index.json +2 -6065
- package/package.json +1 -7
- package/scripts/extractAgentDocs.js +4 -36
- package/content/actions/emailotpsend.md +0 -58
- package/content/actions/emailotpverify.md +0 -77
- package/content/actions/getlocalstorage.md +0 -41
- package/content/actions/magiclinkverify.md +0 -113
- package/content/actions/posthogalias.md +0 -29
- package/content/actions/posthogcapture.md +0 -49
- package/content/actions/posthogcapturepageleave.md +0 -38
- package/content/actions/posthogfeatureflag.md +0 -50
- package/content/actions/posthoggroup.md +0 -37
- package/content/actions/posthogidentify.md +0 -54
- package/content/actions/posthoginit.md +0 -66
- package/content/actions/posthogoptin.md +0 -29
- package/content/actions/posthogoptout.md +0 -29
- package/content/actions/posthogpageview.md +0 -37
- package/content/actions/posthogreloadfeatureflags.md +0 -47
- package/content/actions/posthogreset.md +0 -28
- package/content/actions/posthogsetpersonproperties.md +0 -36
- package/content/actions/removelocalstorage.md +0 -26
- package/content/actions/setlocalstorage.md +0 -32
- package/content/adapter-reference/mongodbauthadapter.md +0 -46
- package/content/agents/agents-introduction.md +0 -107
- package/content/callback-reference/auth0logoutcallback.md +0 -54
- package/content/concepts/blocks.md +0 -150
- package/content/concepts/dynamic-page-content.md +0 -304
- package/content/concepts/html-attributes.md +0 -285
- package/content/concepts/lowdefy-api.md +0 -1110
- package/content/concepts/notifications.md +0 -155
- package/content/concepts/page-and-app-state.md +0 -244
- package/content/concepts/theming.md +0 -582
- package/content/connections/aigateway.md +0 -368
- package/content/connections/axioshttp.md +0 -181
- package/content/controls/while.md +0 -46
- package/content/display-blocks/clickablehtml.md +0 -239
- package/content/display-blocks/eventlog.md +0 -363
- package/content/display-blocks/pollingtimer.md +0 -263
- package/content/input-blocks/captcha.md +0 -40
- package/content/input-blocks/placesautocomplete.md +0 -319
- package/content/input-blocks/tagmultipleselector.md +0 -114
- package/content/input-blocks/tagselector.md +0 -114
- package/content/migration/auth-upgrade.md +0 -327
- package/content/migration/v3-to-v4.md +0 -417
- package/content/migration/v6-to-v7.md +0 -222
- package/content/operators/_cron.md +0 -292
- package/content/other/mongodbadapter.md +0 -3
- package/content/plugins/plugins-icon-sets.md +0 -267
- package/content/plugins/posthog.md +0 -275
- package/content/provider-reference/auth-js-providers.md +0 -107
- package/content/provider-reference/openidconnectprovider.md +0 -44
- package/content/testing/config-tests.md +0 -278
- package/content/tutorial/tutorial-requests-api.md +0 -155
- package/content/user-authentication/auth-configuration.md +0 -266
- package/content/user-authentication/auth-steps.md +0 -138
- package/content/user-authentication/mcp-oauth.md +0 -292
- package/content/user-authentication/organizations.md +0 -221
- package/content/user-authentication/protected-pages-apis.md +0 -97
- package/content/user-authentication/roles.md +0 -49
- package/content/user-authentication/two-factor.md +0 -229
- package/content/user-authentication/user-object.md +0 -58
- package/content/websockets/websocket-publish.md +0 -108
- package/content/websockets/websocket-subscriptions.md +0 -100
- package/content/websockets/websockets-introduction.md +0 -97
- package/hazards.json +0 -44
- package/scripts/hashDocSources.js +0 -38
- package/scripts/recordSourceHashes.js +0 -88
|
@@ -78,7 +78,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
78
78
|
properties:
|
|
79
79
|
title: Feedback
|
|
80
80
|
value: 1128
|
|
81
|
-
prefixIcon:
|
|
81
|
+
prefixIcon: AiOutlineLike
|
|
82
82
|
- id: prefixicon_arrow_up
|
|
83
83
|
type: Statistic
|
|
84
84
|
layout:
|
|
@@ -88,7 +88,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
88
88
|
value: 11.28
|
|
89
89
|
suffix: "%"
|
|
90
90
|
prefixIcon:
|
|
91
|
-
name:
|
|
91
|
+
name: AiOutlineArrowUp
|
|
92
92
|
color: "#3f8600"
|
|
93
93
|
- id: prefixicon_arrow_down
|
|
94
94
|
type: Statistic
|
|
@@ -99,7 +99,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
99
99
|
value: 9.3
|
|
100
100
|
suffix: "%"
|
|
101
101
|
prefixIcon:
|
|
102
|
-
name:
|
|
102
|
+
name: AiOutlineArrowDown
|
|
103
103
|
color: "#cf1322"
|
|
104
104
|
- id: suffixicon_rise
|
|
105
105
|
type: Statistic
|
|
@@ -110,7 +110,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
110
110
|
value: 12500
|
|
111
111
|
prefix: $
|
|
112
112
|
suffixIcon:
|
|
113
|
-
name:
|
|
113
|
+
name: AiOutlineRise
|
|
114
114
|
color: "#3f8600"
|
|
115
115
|
- id: suffixicon_info
|
|
116
116
|
type: Statistic
|
|
@@ -119,7 +119,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
119
119
|
properties:
|
|
120
120
|
title: Sessions
|
|
121
121
|
value: 8920
|
|
122
|
-
suffixIcon:
|
|
122
|
+
suffixIcon: AiOutlineInfoCircle
|
|
123
123
|
```
|
|
124
124
|
|
|
125
125
|
```yaml
|
|
@@ -180,37 +180,6 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
180
180
|
decimalSeparator: ","
|
|
181
181
|
```
|
|
182
182
|
|
|
183
|
-
```yaml
|
|
184
|
-
- id: timer_countdown
|
|
185
|
-
type: Statistic
|
|
186
|
-
layout:
|
|
187
|
-
span: 12
|
|
188
|
-
properties:
|
|
189
|
-
title: Launch in
|
|
190
|
-
value:
|
|
191
|
-
_date: 2030-01-01T00:00:00.000Z
|
|
192
|
-
timer:
|
|
193
|
-
type: countdown
|
|
194
|
-
format: D [days] HH:mm:ss
|
|
195
|
-
events:
|
|
196
|
-
onFinish:
|
|
197
|
-
- id: timer_countdown_finished
|
|
198
|
-
type: DisplayMessage
|
|
199
|
-
params:
|
|
200
|
-
content: We have launched.
|
|
201
|
-
- id: timer_countup
|
|
202
|
-
type: Statistic
|
|
203
|
-
layout:
|
|
204
|
-
span: 12
|
|
205
|
-
properties:
|
|
206
|
-
title: Incident open for
|
|
207
|
-
value:
|
|
208
|
-
_date: 2026-01-01T00:00:00.000Z
|
|
209
|
-
timer:
|
|
210
|
-
type: countup
|
|
211
|
-
format: D [days] HH:mm
|
|
212
|
-
```
|
|
213
|
-
|
|
214
183
|
```yaml
|
|
215
184
|
- id: loading_true
|
|
216
185
|
type: Statistic
|
|
@@ -282,7 +251,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
282
251
|
properties:
|
|
283
252
|
title: Active Users
|
|
284
253
|
value: 2847
|
|
285
|
-
prefixIcon:
|
|
254
|
+
prefixIcon: AiOutlineTeam
|
|
286
255
|
- id: css_tailwind_center
|
|
287
256
|
type: Statistic
|
|
288
257
|
layout:
|
|
@@ -304,7 +273,7 @@ Statistic display with prefix, suffix, and formatting.
|
|
|
304
273
|
.element:
|
|
305
274
|
padding: 16px 24px
|
|
306
275
|
borderRadius: 8px
|
|
307
|
-
border:
|
|
276
|
+
border: 1px solid
|
|
308
277
|
.value:
|
|
309
278
|
color: "#cf1322"
|
|
310
279
|
fontSize: 28
|
|
@@ -368,7 +337,7 @@ _Last updated 2 minutes ago_
|
|
|
368
337
|
prefix: $
|
|
369
338
|
precision: 0
|
|
370
339
|
prefixIcon:
|
|
371
|
-
name:
|
|
340
|
+
name: AiOutlineDollarCircle
|
|
372
341
|
color: "#52c41a"
|
|
373
342
|
- id: dash_users
|
|
374
343
|
type: Statistic
|
|
@@ -379,7 +348,7 @@ _Last updated 2 minutes ago_
|
|
|
379
348
|
title: Active Users
|
|
380
349
|
value: 8920
|
|
381
350
|
prefixIcon:
|
|
382
|
-
name:
|
|
351
|
+
name: AiOutlineTeam
|
|
383
352
|
color: "#1677ff"
|
|
384
353
|
- id: dash_errors
|
|
385
354
|
type: Statistic
|
|
@@ -392,7 +361,7 @@ _Last updated 2 minutes ago_
|
|
|
392
361
|
suffix: "%"
|
|
393
362
|
precision: 2
|
|
394
363
|
prefixIcon:
|
|
395
|
-
name:
|
|
364
|
+
name: AiOutlineBug
|
|
396
365
|
color: "#ff4d4f"
|
|
397
366
|
- id: dashboard_updated
|
|
398
367
|
type: Markdown
|
|
@@ -422,7 +391,7 @@ _Last updated 2 minutes ago_
|
|
|
422
391
|
prefix: $
|
|
423
392
|
precision: 0
|
|
424
393
|
prefixIcon:
|
|
425
|
-
name:
|
|
394
|
+
name: AiOutlineArrowUp
|
|
426
395
|
color: "#3f8600"
|
|
427
396
|
theme:
|
|
428
397
|
contentFontSize: 28
|
|
@@ -433,7 +402,7 @@ _Last updated 2 minutes ago_
|
|
|
433
402
|
properties:
|
|
434
403
|
title: Orders
|
|
435
404
|
value: 1523
|
|
436
|
-
prefixIcon:
|
|
405
|
+
prefixIcon: AiOutlineShoppingCart
|
|
437
406
|
- id: sales_avg
|
|
438
407
|
type: Statistic
|
|
439
408
|
layout:
|
|
@@ -455,7 +424,7 @@ _Last updated 2 minutes ago_
|
|
|
455
424
|
flex: 0 0 auto
|
|
456
425
|
properties:
|
|
457
426
|
title: Export Report
|
|
458
|
-
icon:
|
|
427
|
+
icon: AiOutlineDownload
|
|
459
428
|
color: primary
|
|
460
429
|
variant: outlined
|
|
461
430
|
events:
|
|
@@ -471,7 +440,7 @@ _Last updated 2 minutes ago_
|
|
|
471
440
|
flex: 0 0 auto
|
|
472
441
|
properties:
|
|
473
442
|
title: Share
|
|
474
|
-
icon:
|
|
443
|
+
icon: AiOutlineShareAlt
|
|
475
444
|
color: primary
|
|
476
445
|
variant: solid
|
|
477
446
|
events:
|
|
@@ -490,30 +459,9 @@ _Last updated 2 minutes ago_
|
|
|
490
459
|
| `loading` | boolean | `false` | Control the loading status of Statistic. |
|
|
491
460
|
| `precision` | number | - | Number of decimals to display. |
|
|
492
461
|
| `prefix` | string | - | Prefix text, priority over prefixIcon. |
|
|
493
|
-
| `prefixIcon` | string \| object | - |
|
|
494
|
-
| `prefixIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
|
|
495
|
-
| `prefixIcon.color` | string | - | Icon color. |
|
|
496
|
-
| `prefixIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
|
|
497
|
-
| `prefixIcon.rotate` | number | - | Number of degrees to rotate the icon. |
|
|
498
|
-
| `prefixIcon.spin` | boolean | - | Continuously spin the icon with animation. |
|
|
499
|
-
| `prefixIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
|
|
500
|
-
| `prefixIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
|
|
501
|
-
| `prefixIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
|
|
502
|
-
| `prefixIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
|
|
462
|
+
| `prefixIcon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon which prefix the statistic. |
|
|
503
463
|
| `suffix` | string | - | Suffix text, priority over suffixIcon. |
|
|
504
|
-
| `suffixIcon` | string \| object | - |
|
|
505
|
-
| `suffixIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
|
|
506
|
-
| `suffixIcon.color` | string | - | Icon color. |
|
|
507
|
-
| `suffixIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
|
|
508
|
-
| `suffixIcon.rotate` | number | - | Number of degrees to rotate the icon. |
|
|
509
|
-
| `suffixIcon.spin` | boolean | - | Continuously spin the icon with animation. |
|
|
510
|
-
| `suffixIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
|
|
511
|
-
| `suffixIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
|
|
512
|
-
| `suffixIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
|
|
513
|
-
| `suffixIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
|
|
514
|
-
| `timer` | object | - | Show a live timer instead of a static value. `value` is the target time for a countdown, or the start time for a count up, as a date or a timestamp in milliseconds. |
|
|
515
|
-
| `timer.type` | string | - | Count down to value, or count up from value. Enum: `countdown`, `countup`. |
|
|
516
|
-
| `timer.format` | string | `"HH:mm:ss"` | Format of the time, using the tokens Y, M, D, H, m, s and S, like `D [days] HH:mm:ss`. |
|
|
464
|
+
| `suffixIcon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon which suffix the statistic. |
|
|
517
465
|
| `title` | string | - | Title to describe the component - supports html. |
|
|
518
466
|
| `value` | number \| string | - | Value to display. |
|
|
519
467
|
| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design statistic tokens](https://ant.design/components/statistic#design-token). |
|
|
@@ -524,19 +472,13 @@ _Last updated 2 minutes ago_
|
|
|
524
472
|
| `theme.colorText` | string | - | Default text color for the statistic value. |
|
|
525
473
|
| `theme.colorTextDescription` | string | - | Color for the statistic title text. |
|
|
526
474
|
|
|
527
|
-
|
|
528
|
-
| --- | --- | --- |
|
|
529
|
-
| `onFinish` | \- | Trigger actions when a countdown timer reaches zero. |
|
|
475
|
+
No events defined.
|
|
530
476
|
|
|
531
477
|
| Key | Target |
|
|
532
478
|
| --- | --- |
|
|
533
479
|
| `/block` | Outer block wrapper (always available). |
|
|
534
480
|
| `/element` | The Statistic element. |
|
|
535
|
-
| `/title` | The Statistic title. |
|
|
536
|
-
| `/content` | The value section, with the prefix, value and suffix. |
|
|
537
|
-
| `/prefix` | The prefix of the value. |
|
|
538
481
|
| `/prefixIcon` | The prefix icon in the Statistic. |
|
|
539
|
-
| `/suffix` | The suffix of the value. |
|
|
540
482
|
| `/suffixIcon` | The suffix icon in the Statistic. |
|
|
541
483
|
| `/value` | The Statistic value. |
|
|
542
484
|
|
|
@@ -64,11 +64,11 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
64
64
|
current: 1
|
|
65
65
|
items:
|
|
66
66
|
- title: Login
|
|
67
|
-
icon:
|
|
67
|
+
icon: AiOutlineUser
|
|
68
68
|
- title: Verification
|
|
69
|
-
icon:
|
|
69
|
+
icon: AiOutlineSolution
|
|
70
70
|
- title: Done
|
|
71
|
-
icon:
|
|
71
|
+
icon: AiOutlineSmile
|
|
72
72
|
- id: icon_custom_color
|
|
73
73
|
type: Steps
|
|
74
74
|
properties:
|
|
@@ -76,15 +76,15 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
76
76
|
items:
|
|
77
77
|
- title: Upload
|
|
78
78
|
icon:
|
|
79
|
-
name:
|
|
79
|
+
name: AiOutlineCloudUpload
|
|
80
80
|
color: "#1677ff"
|
|
81
81
|
- title: Process
|
|
82
82
|
icon:
|
|
83
|
-
name:
|
|
83
|
+
name: AiOutlineLoading
|
|
84
84
|
color: "#faad14"
|
|
85
85
|
- title: Complete
|
|
86
86
|
icon:
|
|
87
|
-
name:
|
|
87
|
+
name: AiOutlineCheck
|
|
88
88
|
color: "#52c41a"
|
|
89
89
|
```
|
|
90
90
|
|
|
@@ -202,13 +202,13 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
202
202
|
items:
|
|
203
203
|
- title: Account
|
|
204
204
|
description: Create your account
|
|
205
|
-
icon:
|
|
205
|
+
icon: AiOutlineUser
|
|
206
206
|
- title: Settings
|
|
207
207
|
description: Configure preferences
|
|
208
|
-
icon:
|
|
208
|
+
icon: AiOutlineSetting
|
|
209
209
|
- title: Review
|
|
210
210
|
description: Review and submit
|
|
211
|
-
icon:
|
|
211
|
+
icon: AiOutlineCheck
|
|
212
212
|
- title: Done
|
|
213
213
|
description: All finished
|
|
214
214
|
events:
|
|
@@ -258,23 +258,6 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
258
258
|
- title: Waiting
|
|
259
259
|
```
|
|
260
260
|
|
|
261
|
-
```yaml
|
|
262
|
-
- id: max_count_steps
|
|
263
|
-
type: Steps
|
|
264
|
-
properties:
|
|
265
|
-
current: 5
|
|
266
|
-
maxCount: 5
|
|
267
|
-
items:
|
|
268
|
-
- title: Draft
|
|
269
|
-
- title: Review
|
|
270
|
-
- title: Legal
|
|
271
|
-
- title: Finance
|
|
272
|
-
- title: Approval
|
|
273
|
-
- title: Signed
|
|
274
|
-
- title: Filed
|
|
275
|
-
- title: Archived
|
|
276
|
-
```
|
|
277
|
-
|
|
278
261
|
```yaml
|
|
279
262
|
- id: progress_steps
|
|
280
263
|
type: Steps
|
|
@@ -387,11 +370,11 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
387
370
|
_state: wizard_step
|
|
388
371
|
items:
|
|
389
372
|
- title: Account
|
|
390
|
-
icon:
|
|
373
|
+
icon: AiOutlineUser
|
|
391
374
|
- title: Profile
|
|
392
|
-
icon:
|
|
375
|
+
icon: AiOutlineIdcard
|
|
393
376
|
- title: Confirm
|
|
394
|
-
icon:
|
|
377
|
+
icon: AiOutlineCheck
|
|
395
378
|
events:
|
|
396
379
|
onChange:
|
|
397
380
|
- id: wizard_set_step
|
|
@@ -516,16 +499,16 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
516
499
|
items:
|
|
517
500
|
- title: Order Placed
|
|
518
501
|
description: March 10, 2026 at 2:30 PM
|
|
519
|
-
icon:
|
|
502
|
+
icon: AiOutlineShoppingCart
|
|
520
503
|
- title: Payment Confirmed
|
|
521
504
|
description: March 10, 2026 at 2:31 PM
|
|
522
|
-
icon:
|
|
505
|
+
icon: AiOutlineCreditCard
|
|
523
506
|
- title: Shipped
|
|
524
507
|
description: March 12, 2026 - Tracking number available
|
|
525
|
-
icon:
|
|
508
|
+
icon: AiOutlineCar
|
|
526
509
|
- title: Delivered
|
|
527
510
|
description: Estimated March 15, 2026
|
|
528
|
-
icon:
|
|
511
|
+
icon: AiOutlineHome
|
|
529
512
|
```
|
|
530
513
|
|
|
531
514
|
```yaml
|
|
@@ -549,7 +532,7 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
549
532
|
style:
|
|
550
533
|
.element:
|
|
551
534
|
padding: 16px
|
|
552
|
-
border:
|
|
535
|
+
border: 1px solid
|
|
553
536
|
borderRadius: 8
|
|
554
537
|
```
|
|
555
538
|
|
|
@@ -562,25 +545,15 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
562
545
|
| `type` | string | `"default"` | Type of steps. Enum: `default`, `dot`, `inline`, `navigation`, `panel`. |
|
|
563
546
|
| `orientation` | string | `"horizontal"` | Orientation of the step bar. Enum: `horizontal`, `vertical`. |
|
|
564
547
|
| `titlePlacement` | string | `"horizontal"` | Place title and description horizontal or vertical. Enum: `horizontal`, `vertical`. |
|
|
565
|
-
| `maxCount` | integer | - | Maximum number of steps to show, at least 3. Hidden steps collapse into disabled ellipsis steps around the current step. |
|
|
566
548
|
| `percent` | number | - | Progress circle percentage of current step in process status (only works with type default). |
|
|
567
|
-
| `progressDot` | boolean | `false` | Steps with progress dot style.
|
|
549
|
+
| `progressDot` | boolean | `false` | Steps with progress dot style. |
|
|
568
550
|
| `variant` | string | `"filled"` | Style variant of the steps. Enum: `filled`, `outlined`. |
|
|
569
551
|
| `responsive` | boolean | `true` | Change to vertical direction when screen width smaller than 532px. |
|
|
570
552
|
| `items` | array | - | List of step items. |
|
|
571
553
|
| `items.$.title` | string | - | Title of the step - supports html. |
|
|
572
554
|
| `items.$.subTitle` | string | - | Subtitle of the step - supports html. |
|
|
573
555
|
| `items.$.description` | string | - | Description of the step - supports html. |
|
|
574
|
-
| `items.$.icon` | string \| object | - |
|
|
575
|
-
| `items.$.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
|
|
576
|
-
| `items.$.icon.color` | string | - | Icon color. |
|
|
577
|
-
| `items.$.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
|
|
578
|
-
| `items.$.icon.rotate` | number | - | Number of degrees to rotate the icon. |
|
|
579
|
-
| `items.$.icon.spin` | boolean | - | Continuously spin the icon with animation. |
|
|
580
|
-
| `items.$.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
|
|
581
|
-
| `items.$.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
|
|
582
|
-
| `items.$.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
|
|
583
|
-
| `items.$.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
|
|
556
|
+
| `items.$.icon` | string \| object | - | Name of a React-Icon (See all icons) or properties of an Icon block to use as the step icon. |
|
|
584
557
|
| `items.$.status` | string | - | Status of this step, overrides the current step status. Enum: `wait`, `process`, `finish`, `error`. |
|
|
585
558
|
| `items.$.disabled` | boolean | `false` | Disable click on this step. |
|
|
586
559
|
| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design steps tokens](https://ant.design/components/steps#design-token). |
|
|
@@ -591,15 +564,13 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
591
564
|
| `theme.iconSize` | number | `32` | Size of the step icon. |
|
|
592
565
|
| `theme.iconSizeSM` | number | `24` | Size of the small step icon. |
|
|
593
566
|
| `theme.iconTop` | number | `-0.5` | Top position of the step icon. |
|
|
594
|
-
| `theme.descriptionMaxWidth` | number |
|
|
595
|
-
| `theme.titleLineHeight` | number | `32` |
|
|
596
|
-
| `theme.customIconSize` | number | `32` | Size of the container of a custom step icon. |
|
|
597
|
-
| `theme.customIconFontSize` | number | `24` | Font size of a custom step icon. |
|
|
567
|
+
| `theme.descriptionMaxWidth` | number | `140` | Max width of the step description. |
|
|
568
|
+
| `theme.titleLineHeight` | number | `32` | Line height of the step title. |
|
|
598
569
|
| `theme.navArrowColor` | string | `"rgba(0, 0, 0, 0.25)"` | Color of the navigation arrow. |
|
|
599
|
-
| `theme.navContentMaxWidth` | string | `"
|
|
600
|
-
| `theme.finishIconBorderColor` | string | `"#
|
|
601
|
-
| `theme.waitIconBorderColor` | string | `"
|
|
602
|
-
| `theme.waitIconColor` | string | `"rgba(0, 0, 0, 0.
|
|
570
|
+
| `theme.navContentMaxWidth` | string | `"auto"` | Max width of navigation step content. |
|
|
571
|
+
| `theme.finishIconBorderColor` | string | `"#1677ff"` | Border color of finished step icon. |
|
|
572
|
+
| `theme.waitIconBorderColor` | string | `"rgba(0, 0, 0, 0.25)"` | Border color of waiting step icon. |
|
|
573
|
+
| `theme.waitIconColor` | string | `"rgba(0, 0, 0, 0.25)"` | Color of waiting step icon. |
|
|
603
574
|
|
|
604
575
|
| Event | Event Data | Description |
|
|
605
576
|
| --- | --- | --- |
|
|
@@ -610,9 +581,5 @@ Navigation steps bar, guiding users through the steps of a task.
|
|
|
610
581
|
| `/block` | Outer block wrapper (always available). |
|
|
611
582
|
| `/element` | The Steps element. |
|
|
612
583
|
| `/icon` | The icon in the Steps. |
|
|
613
|
-
| `/item` | Each step. |
|
|
614
|
-
| `/itemTitle` | The title of each step. |
|
|
615
|
-
| `/itemSubtitle` | The subtitle of each step. |
|
|
616
|
-
| `/itemContent` | The description of each step. |
|
|
617
584
|
|
|
618
585
|
No slots defined.
|
|
@@ -110,40 +110,6 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
110
110
|
color: volcano
|
|
111
111
|
```
|
|
112
112
|
|
|
113
|
-
```yaml
|
|
114
|
-
- id: variant_filled
|
|
115
|
-
type: Tag
|
|
116
|
-
layout:
|
|
117
|
-
flex: 0 0 auto
|
|
118
|
-
properties:
|
|
119
|
-
title: Filled
|
|
120
|
-
color: blue
|
|
121
|
-
- id: variant_outlined
|
|
122
|
-
type: Tag
|
|
123
|
-
layout:
|
|
124
|
-
flex: 0 0 auto
|
|
125
|
-
properties:
|
|
126
|
-
title: Outlined
|
|
127
|
-
color: blue
|
|
128
|
-
variant: outlined
|
|
129
|
-
- id: variant_solid
|
|
130
|
-
type: Tag
|
|
131
|
-
layout:
|
|
132
|
-
flex: 0 0 auto
|
|
133
|
-
properties:
|
|
134
|
-
title: Solid
|
|
135
|
-
color: blue
|
|
136
|
-
variant: solid
|
|
137
|
-
- id: variant_solid_success
|
|
138
|
-
type: Tag
|
|
139
|
-
layout:
|
|
140
|
-
flex: 0 0 auto
|
|
141
|
-
properties:
|
|
142
|
-
title: Paid
|
|
143
|
-
color: success
|
|
144
|
-
variant: solid
|
|
145
|
-
```
|
|
146
|
-
|
|
147
113
|
```yaml
|
|
148
114
|
- id: hex_coral
|
|
149
115
|
type: Tag
|
|
@@ -182,7 +148,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
182
148
|
flex: 0 0 auto
|
|
183
149
|
properties:
|
|
184
150
|
title: Approved
|
|
185
|
-
icon:
|
|
151
|
+
icon: AiOutlineCheck
|
|
186
152
|
color: success
|
|
187
153
|
- id: icon_warning
|
|
188
154
|
type: Tag
|
|
@@ -190,7 +156,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
190
156
|
flex: 0 0 auto
|
|
191
157
|
properties:
|
|
192
158
|
title: Warning
|
|
193
|
-
icon:
|
|
159
|
+
icon: AiOutlineWarning
|
|
194
160
|
color: warning
|
|
195
161
|
- id: icon_star
|
|
196
162
|
type: Tag
|
|
@@ -198,7 +164,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
198
164
|
flex: 0 0 auto
|
|
199
165
|
properties:
|
|
200
166
|
title: Featured
|
|
201
|
-
icon:
|
|
167
|
+
icon: AiOutlineStar
|
|
202
168
|
color: gold
|
|
203
169
|
- id: icon_object_color
|
|
204
170
|
type: Tag
|
|
@@ -207,7 +173,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
207
173
|
properties:
|
|
208
174
|
title: Custom Icon
|
|
209
175
|
icon:
|
|
210
|
-
name:
|
|
176
|
+
name: AiOutlineCrown
|
|
211
177
|
color: "#faad14"
|
|
212
178
|
color: gold
|
|
213
179
|
- id: icon_object_style
|
|
@@ -217,7 +183,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
217
183
|
properties:
|
|
218
184
|
title: Large Icon
|
|
219
185
|
icon:
|
|
220
|
-
name:
|
|
186
|
+
name: AiOutlineRocket
|
|
221
187
|
style:
|
|
222
188
|
fontSize: 16
|
|
223
189
|
color: purple
|
|
@@ -246,15 +212,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
246
212
|
properties:
|
|
247
213
|
title: Starred
|
|
248
214
|
closable: true
|
|
249
|
-
icon:
|
|
250
|
-
- id: closable_custom_icon
|
|
251
|
-
type: Tag
|
|
252
|
-
layout:
|
|
253
|
-
flex: 0 0 auto
|
|
254
|
-
properties:
|
|
255
|
-
title: Custom close icon
|
|
256
|
-
closable: true
|
|
257
|
-
closeIcon: close-circle
|
|
215
|
+
icon: AiOutlineStar
|
|
258
216
|
color: gold
|
|
259
217
|
- id: closable_with_event
|
|
260
218
|
type: Tag
|
|
@@ -273,25 +231,6 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
273
231
|
status: info
|
|
274
232
|
```
|
|
275
233
|
|
|
276
|
-
```yaml
|
|
277
|
-
- id: link_tag
|
|
278
|
-
type: Tag
|
|
279
|
-
layout:
|
|
280
|
-
flex: 0 0 auto
|
|
281
|
-
properties:
|
|
282
|
-
title: Open the docs
|
|
283
|
-
icon: external-link
|
|
284
|
-
href: https://docs.lowdefy.com
|
|
285
|
-
target: _blank
|
|
286
|
-
- id: disabled_tag
|
|
287
|
-
type: Tag
|
|
288
|
-
layout:
|
|
289
|
-
flex: 0 0 auto
|
|
290
|
-
properties:
|
|
291
|
-
title: Archived
|
|
292
|
-
disabled: true
|
|
293
|
-
```
|
|
294
|
-
|
|
295
234
|
```yaml
|
|
296
235
|
- id: click_basic
|
|
297
236
|
type: Tag
|
|
@@ -313,7 +252,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
313
252
|
flex: 0 0 auto
|
|
314
253
|
properties:
|
|
315
254
|
title: View Details
|
|
316
|
-
icon:
|
|
255
|
+
icon: AiOutlineEye
|
|
317
256
|
color: geekblue
|
|
318
257
|
events:
|
|
319
258
|
onClick:
|
|
@@ -344,7 +283,7 @@ Tag with preset and custom colors, icons, and closable option.
|
|
|
344
283
|
flex: 0 0 auto
|
|
345
284
|
properties:
|
|
346
285
|
title: Toggle Filter
|
|
347
|
-
icon:
|
|
286
|
+
icon: AiOutlineFilter
|
|
348
287
|
color: blue
|
|
349
288
|
events:
|
|
350
289
|
onClick:
|
|
@@ -468,7 +407,7 @@ When a user enters an email without a domain, the login page throws an unhandled
|
|
|
468
407
|
flex: 0 0 auto
|
|
469
408
|
properties:
|
|
470
409
|
title: In Progress
|
|
471
|
-
icon:
|
|
410
|
+
icon: AiOutlineSync
|
|
472
411
|
color: processing
|
|
473
412
|
- id: issue_priority
|
|
474
413
|
type: Tag
|
|
@@ -476,7 +415,7 @@ When a user enters an email without a domain, the login page throws an unhandled
|
|
|
476
415
|
flex: 0 0 auto
|
|
477
416
|
properties:
|
|
478
417
|
title: High Priority
|
|
479
|
-
icon:
|
|
418
|
+
icon: AiOutlineArrowUp
|
|
480
419
|
color: error
|
|
481
420
|
style:
|
|
482
421
|
.element:
|
|
@@ -523,7 +462,7 @@ When a user enters an email without a domain, the login page throws an unhandled
|
|
|
523
462
|
flex: 0 0 auto
|
|
524
463
|
properties:
|
|
525
464
|
title: Assign
|
|
526
|
-
icon:
|
|
465
|
+
icon: AiOutlineUser
|
|
527
466
|
color: default
|
|
528
467
|
variant: outlined
|
|
529
468
|
size: small
|
|
@@ -540,7 +479,7 @@ When a user enters an email without a domain, the login page throws an unhandled
|
|
|
540
479
|
flex: 0 0 auto
|
|
541
480
|
properties:
|
|
542
481
|
title: Resolve
|
|
543
|
-
icon:
|
|
482
|
+
icon: AiOutlineCheck
|
|
544
483
|
color: primary
|
|
545
484
|
variant: solid
|
|
546
485
|
size: small
|
|
@@ -586,7 +525,7 @@ Premium over-ear headphones with active noise cancellation, 30-hour battery life
|
|
|
586
525
|
flex: 0 0 auto
|
|
587
526
|
properties:
|
|
588
527
|
title: Electronics
|
|
589
|
-
icon:
|
|
528
|
+
icon: AiOutlineThunderbolt
|
|
590
529
|
color: blue
|
|
591
530
|
events:
|
|
592
531
|
onClick:
|
|
@@ -600,7 +539,7 @@ Premium over-ear headphones with active noise cancellation, 30-hour battery life
|
|
|
600
539
|
flex: 0 0 auto
|
|
601
540
|
properties:
|
|
602
541
|
title: In Stock
|
|
603
|
-
icon:
|
|
542
|
+
icon: AiOutlineCheck
|
|
604
543
|
color: success
|
|
605
544
|
- id: catalog_rating
|
|
606
545
|
type: Tag
|
|
@@ -608,7 +547,7 @@ Premium over-ear headphones with active noise cancellation, 30-hour battery life
|
|
|
608
547
|
flex: 0 0 auto
|
|
609
548
|
properties:
|
|
610
549
|
title: 4.8 Stars
|
|
611
|
-
icon:
|
|
550
|
+
icon: AiOutlineStar
|
|
612
551
|
color: gold
|
|
613
552
|
- id: catalog_description
|
|
614
553
|
type: Markdown
|
|
@@ -643,7 +582,7 @@ Premium over-ear headphones with active noise cancellation, 30-hour battery life
|
|
|
643
582
|
flex: 0 0 auto
|
|
644
583
|
properties:
|
|
645
584
|
title: Add to Cart
|
|
646
|
-
icon:
|
|
585
|
+
icon: AiOutlineShoppingCart
|
|
647
586
|
color: primary
|
|
648
587
|
variant: solid
|
|
649
588
|
size: small
|
|
@@ -659,32 +598,9 @@ Premium over-ear headphones with active noise cancellation, 30-hour battery life
|
|
|
659
598
|
| Property | Type | Default | Description |
|
|
660
599
|
| --- | --- | --- | --- |
|
|
661
600
|
| `closable` | boolean | `false` | Allow tag to be closed. |
|
|
662
|
-
| `closeIcon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block to customize the close icon of a closable tag. |
|
|
663
|
-
| `closeIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
|
|
664
|
-
| `closeIcon.color` | string | - | Icon color. |
|
|
665
|
-
| `closeIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
|
|
666
|
-
| `closeIcon.rotate` | number | - | Number of degrees to rotate the icon. |
|
|
667
|
-
| `closeIcon.spin` | boolean | - | Continuously spin the icon with animation. |
|
|
668
|
-
| `closeIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
|
|
669
|
-
| `closeIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
|
|
670
|
-
| `closeIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
|
|
671
|
-
| `closeIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
|
|
672
601
|
| `color` | string | - | Color of the Tag. Preset options are success, processing, error, warning, default, blue, cyan, geekblue, gold, green, lime, magenta, orange, purple, red, volcano, or alternatively any hex color. |
|
|
673
|
-
| `disabled` | boolean | `false` | Disable the tag. A disabled tag cannot be clicked or closed. |
|
|
674
|
-
| `href` | string | - | Render the tag as a link to this URL. |
|
|
675
|
-
| `target` | string | - | Where to open the href link, like `_blank` for a new tab. |
|
|
676
602
|
| `title` | string | - | Content title of tag - supports html. |
|
|
677
|
-
| `
|
|
678
|
-
| `icon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block to customize tag icon. |
|
|
679
|
-
| `icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
|
|
680
|
-
| `icon.color` | string | - | Icon color. |
|
|
681
|
-
| `icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
|
|
682
|
-
| `icon.rotate` | number | - | Number of degrees to rotate the icon. |
|
|
683
|
-
| `icon.spin` | boolean | - | Continuously spin the icon with animation. |
|
|
684
|
-
| `icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
|
|
685
|
-
| `icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
|
|
686
|
-
| `icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
|
|
687
|
-
| `icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
|
|
603
|
+
| `icon` | string \| object | - | Name of an Ant Design Icon or properties of an Icon block to customize alert icon. |
|
|
688
604
|
| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design tag tokens](https://ant.design/components/tag#design-token). |
|
|
689
605
|
| `theme.defaultBg` | string | `"#fafafa"` | Default background color of the tag. |
|
|
690
606
|
| `theme.defaultColor` | string | `"rgba(0, 0, 0, 0.88)"` | Default text color of the tag. |
|
|
@@ -700,6 +616,5 @@ Premium over-ear headphones with active noise cancellation, 30-hour battery life
|
|
|
700
616
|
| `/block` | Outer block wrapper (always available). |
|
|
701
617
|
| `/element` | The Tag element. |
|
|
702
618
|
| `/icon` | The icon in the Tag. |
|
|
703
|
-
| `/closeIcon` | The close icon of a closable Tag. |
|
|
704
619
|
|
|
705
620
|
No slots defined.
|