@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.
Files changed (226) hide show
  1. package/README.md +0 -1
  2. package/content/actions/link.md +0 -17
  3. package/content/actions/login.md +5 -23
  4. package/content/actions/logout.md +5 -5
  5. package/content/actions/pdfmake.md +2 -2
  6. package/content/actions/setdarkmode.md +2 -2
  7. package/content/agents/agent-properties.md +2 -4
  8. package/content/agents/agentchat.md +6 -21
  9. package/content/agents/agentconversations.md +2 -2
  10. package/content/concepts/ai-agent-docs.md +101 -313
  11. package/content/concepts/cli.md +3 -34
  12. package/content/concepts/connections-and-requests.md +0 -402
  13. package/content/concepts/custom-html.md +0 -40
  14. package/content/concepts/custom-styling.md +5 -50
  15. package/content/concepts/events-and-actions.md +2 -64
  16. package/content/concepts/i18n.md +2 -7
  17. package/content/concepts/keyboard-shortcuts.md +2 -2
  18. package/content/concepts/layout-overview.md +1 -1
  19. package/content/concepts/logger.md +0 -81
  20. package/content/concepts/lowdefy-schema.md +1 -4
  21. package/content/concepts/menus.md +7 -7
  22. package/content/concepts/module-authoring.md +2 -2
  23. package/content/connections/anthropic.md +2 -162
  24. package/content/connections/awss3.md +0 -54
  25. package/content/connections/google.md +2 -162
  26. package/content/connections/mongodb.md +3 -121
  27. package/content/connections/openai-connection.md +2 -162
  28. package/content/container-blocks/affix.md +7 -47
  29. package/content/container-blocks/alert.md +24 -76
  30. package/content/container-blocks/badge.md +24 -100
  31. package/content/container-blocks/box.md +9 -9
  32. package/content/container-blocks/card.md +25 -80
  33. package/content/container-blocks/carousel.md +7 -60
  34. package/content/container-blocks/collapse.md +9 -87
  35. package/content/container-blocks/configprovider.md +13 -35
  36. package/content/container-blocks/confirmmodal.md +23 -69
  37. package/content/container-blocks/content.md +98 -62
  38. package/content/container-blocks/descriptions.md +4 -45
  39. package/content/container-blocks/drawer.md +28 -92
  40. package/content/container-blocks/dropdownmenu.md +31 -119
  41. package/content/container-blocks/flex.md +62 -40
  42. package/content/container-blocks/footer.md +11 -15
  43. package/content/container-blocks/googlemapsheatmap.md +1 -1
  44. package/content/container-blocks/googlemapsscript.md +2 -2
  45. package/content/container-blocks/header.md +36 -71
  46. package/content/container-blocks/label.md +7 -34
  47. package/content/container-blocks/layout.md +34 -52
  48. package/content/container-blocks/masonry.md +71 -17
  49. package/content/container-blocks/mobilemenu.md +88 -131
  50. package/content/container-blocks/modal.md +26 -114
  51. package/content/container-blocks/pageheadermenu.md +31 -81
  52. package/content/container-blocks/pagesidebarlayout.md +26 -169
  53. package/content/container-blocks/pagesidermenu.md +42 -95
  54. package/content/container-blocks/popover.md +31 -34
  55. package/content/container-blocks/result.md +21 -32
  56. package/content/container-blocks/sider.md +122 -85
  57. package/content/container-blocks/span.md +7 -7
  58. package/content/container-blocks/spinner.md +3 -3
  59. package/content/container-blocks/splitter.md +68 -150
  60. package/content/container-blocks/tabs.md +12 -64
  61. package/content/container-blocks/tooltip.md +46 -22
  62. package/content/container-blocks/watermark.md +4 -22
  63. package/content/controls/reject.md +2 -4
  64. package/content/controls/throw.md +0 -1
  65. package/content/controls/try.md +2 -3
  66. package/content/deployment/deployment-environments.md +6 -8
  67. package/content/deployment/docker.md +7 -22
  68. package/content/deployment/node-server.md +0 -4
  69. package/content/deployment/vercel.md +6 -13
  70. package/content/display-blocks/aggrid.md +11 -26
  71. package/content/display-blocks/anchor.md +15 -15
  72. package/content/display-blocks/avatar.md +37 -57
  73. package/content/display-blocks/breadcrumb.md +21 -70
  74. package/content/display-blocks/button.md +18 -92
  75. package/content/display-blocks/calendar.md +0 -12
  76. package/content/display-blocks/dangeroushtml.md +1 -1
  77. package/content/display-blocks/difflist.md +1 -1
  78. package/content/display-blocks/difftimeline.md +1 -1
  79. package/content/display-blocks/divider.md +3 -64
  80. package/content/display-blocks/dropdownbutton.md +28 -79
  81. package/content/display-blocks/echart.md +1 -35
  82. package/content/display-blocks/floatbutton.md +42 -129
  83. package/content/display-blocks/html.md +1 -61
  84. package/content/display-blocks/icon.md +67 -250
  85. package/content/display-blocks/menu.md +73 -145
  86. package/content/display-blocks/message.md +124 -38
  87. package/content/display-blocks/notification.md +222 -94
  88. package/content/display-blocks/paragraph.md +9 -59
  89. package/content/display-blocks/progress.md +17 -96
  90. package/content/display-blocks/qrcode.md +4 -19
  91. package/content/display-blocks/s3download.md +1 -1
  92. package/content/display-blocks/search.md +7 -17
  93. package/content/display-blocks/skeletonbutton.md +0 -1
  94. package/content/display-blocks/skeletoninput.md +0 -1
  95. package/content/display-blocks/statistic.md +17 -75
  96. package/content/display-blocks/steps.md +25 -58
  97. package/content/display-blocks/tag.md +17 -102
  98. package/content/display-blocks/title.md +11 -50
  99. package/content/display-blocks/tour.md +23 -33
  100. package/content/input-blocks/autocomplete.md +9 -81
  101. package/content/input-blocks/buttonselector.md +8 -45
  102. package/content/input-blocks/checkboxselector.md +7 -97
  103. package/content/input-blocks/checkboxswitch.md +3 -33
  104. package/content/input-blocks/colorselector.md +14 -63
  105. package/content/input-blocks/daterangeselector.md +45 -165
  106. package/content/input-blocks/dateselector.md +41 -139
  107. package/content/input-blocks/datetimeselector.md +49 -158
  108. package/content/input-blocks/inputgallery.md +3 -3
  109. package/content/input-blocks/monthselector.md +52 -120
  110. package/content/input-blocks/multipleselector.md +39 -150
  111. package/content/input-blocks/numberinput.md +12 -98
  112. package/content/input-blocks/pagination.md +14 -70
  113. package/content/input-blocks/paragraphinput.md +37 -51
  114. package/content/input-blocks/passwordinput.md +6 -60
  115. package/content/input-blocks/phonenumberinput.md +26 -59
  116. package/content/input-blocks/radioselector.md +7 -83
  117. package/content/input-blocks/ratingslider.md +26 -57
  118. package/content/input-blocks/s3uploadbutton.md +24 -24
  119. package/content/input-blocks/s3uploaddragger.md +3 -3
  120. package/content/input-blocks/s3uploadphoto.md +5 -5
  121. package/content/input-blocks/segmentedselector.md +32 -72
  122. package/content/input-blocks/selector.md +21 -109
  123. package/content/input-blocks/switch.md +17 -65
  124. package/content/input-blocks/textarea.md +3 -32
  125. package/content/input-blocks/textinput.md +28 -69
  126. package/content/input-blocks/tiptapmentioninput.md +1 -1
  127. package/content/input-blocks/titleinput.md +12 -39
  128. package/content/input-blocks/treeinput.md +25 -49
  129. package/content/input-blocks/treemultipleselector.md +10 -127
  130. package/content/input-blocks/treeselector.md +9 -97
  131. package/content/input-blocks/upload.md +15 -64
  132. package/content/input-blocks/uploaddragger.md +1 -17
  133. package/content/input-blocks/uploadphoto.md +1 -18
  134. package/content/input-blocks/weekselector.md +55 -120
  135. package/content/list-blocks/controlledlist.md +15 -24
  136. package/content/list-blocks/list.md +11 -11
  137. package/content/list-blocks/masonrylist.md +34 -7
  138. package/content/migration/upgrade-guide.md +0 -1
  139. package/content/operators/_app.md +1 -2
  140. package/content/operators/_error.md +1 -23
  141. package/content/operators/_get.md +6 -6
  142. package/content/operators/_operator.md +3 -17
  143. package/content/operators/_ref.md +0 -258
  144. package/content/operators/_type.md +3 -14
  145. package/content/operators/_user.md +3 -3
  146. package/content/other/introduction.md +1 -1
  147. package/content/plugins/plugins-dev.md +0 -66
  148. package/content/plugins/plugins-introduction.md +1 -27
  149. package/content/testing/e2e-configuration.md +1 -8
  150. package/content/testing/e2e-getting-started.md +1 -1
  151. package/content/testing/e2e-introduction.md +1 -1
  152. package/content/tutorial/tutorial-actions-operators.md +2 -2
  153. package/content/tutorial/tutorial-add-blocks.md +2 -2
  154. package/content/tutorial/tutorial-create-page.md +2 -48
  155. package/content/tutorial/tutorial-display-data-page.md +3 -3
  156. package/content/tutorial/tutorial-requests-sql.md +0 -153
  157. package/content/tutorial/tutorial-start.md +1 -66
  158. package/content/user-authentication/login-and-logout.md +8 -158
  159. package/content/user-authentication/users-introduction.md +0 -8
  160. package/index.json +2 -6065
  161. package/package.json +1 -7
  162. package/scripts/extractAgentDocs.js +4 -36
  163. package/content/actions/emailotpsend.md +0 -58
  164. package/content/actions/emailotpverify.md +0 -77
  165. package/content/actions/getlocalstorage.md +0 -41
  166. package/content/actions/magiclinkverify.md +0 -113
  167. package/content/actions/posthogalias.md +0 -29
  168. package/content/actions/posthogcapture.md +0 -49
  169. package/content/actions/posthogcapturepageleave.md +0 -38
  170. package/content/actions/posthogfeatureflag.md +0 -50
  171. package/content/actions/posthoggroup.md +0 -37
  172. package/content/actions/posthogidentify.md +0 -54
  173. package/content/actions/posthoginit.md +0 -66
  174. package/content/actions/posthogoptin.md +0 -29
  175. package/content/actions/posthogoptout.md +0 -29
  176. package/content/actions/posthogpageview.md +0 -37
  177. package/content/actions/posthogreloadfeatureflags.md +0 -47
  178. package/content/actions/posthogreset.md +0 -28
  179. package/content/actions/posthogsetpersonproperties.md +0 -36
  180. package/content/actions/removelocalstorage.md +0 -26
  181. package/content/actions/setlocalstorage.md +0 -32
  182. package/content/adapter-reference/mongodbauthadapter.md +0 -46
  183. package/content/agents/agents-introduction.md +0 -107
  184. package/content/callback-reference/auth0logoutcallback.md +0 -54
  185. package/content/concepts/blocks.md +0 -150
  186. package/content/concepts/dynamic-page-content.md +0 -304
  187. package/content/concepts/html-attributes.md +0 -285
  188. package/content/concepts/lowdefy-api.md +0 -1110
  189. package/content/concepts/notifications.md +0 -155
  190. package/content/concepts/page-and-app-state.md +0 -244
  191. package/content/concepts/theming.md +0 -582
  192. package/content/connections/aigateway.md +0 -368
  193. package/content/connections/axioshttp.md +0 -181
  194. package/content/controls/while.md +0 -46
  195. package/content/display-blocks/clickablehtml.md +0 -239
  196. package/content/display-blocks/eventlog.md +0 -363
  197. package/content/display-blocks/pollingtimer.md +0 -263
  198. package/content/input-blocks/captcha.md +0 -40
  199. package/content/input-blocks/placesautocomplete.md +0 -319
  200. package/content/input-blocks/tagmultipleselector.md +0 -114
  201. package/content/input-blocks/tagselector.md +0 -114
  202. package/content/migration/auth-upgrade.md +0 -327
  203. package/content/migration/v3-to-v4.md +0 -417
  204. package/content/migration/v6-to-v7.md +0 -222
  205. package/content/operators/_cron.md +0 -292
  206. package/content/other/mongodbadapter.md +0 -3
  207. package/content/plugins/plugins-icon-sets.md +0 -267
  208. package/content/plugins/posthog.md +0 -275
  209. package/content/provider-reference/auth-js-providers.md +0 -107
  210. package/content/provider-reference/openidconnectprovider.md +0 -44
  211. package/content/testing/config-tests.md +0 -278
  212. package/content/tutorial/tutorial-requests-api.md +0 -155
  213. package/content/user-authentication/auth-configuration.md +0 -266
  214. package/content/user-authentication/auth-steps.md +0 -138
  215. package/content/user-authentication/mcp-oauth.md +0 -292
  216. package/content/user-authentication/organizations.md +0 -221
  217. package/content/user-authentication/protected-pages-apis.md +0 -97
  218. package/content/user-authentication/roles.md +0 -49
  219. package/content/user-authentication/two-factor.md +0 -229
  220. package/content/user-authentication/user-object.md +0 -58
  221. package/content/websockets/websocket-publish.md +0 -108
  222. package/content/websockets/websocket-subscriptions.md +0 -100
  223. package/content/websockets/websockets-introduction.md +0 -97
  224. package/hazards.json +0 -44
  225. package/scripts/hashDocSources.js +0 -38
  226. 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: ThumbsUp
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: arrow-up
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: arrow-down
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: TrendingUp
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: info
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: users
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: "1px solid #ffa39e"
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: CircleDollarSign
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: users
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: Bug
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: arrow-up
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: ShoppingCart
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: download
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: share
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 | - | 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 icon which prefix the statistic. |
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 | - | 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 icon which suffix the statistic. |
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
- | Event | Event Data | Description |
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: user
67
+ icon: AiOutlineUser
68
68
  - title: Verification
69
- icon: FileUser
69
+ icon: AiOutlineSolution
70
70
  - title: Done
71
- icon: FaceSlightlySmiling
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: CloudUpload
79
+ name: AiOutlineCloudUpload
80
80
  color: "#1677ff"
81
81
  - title: Process
82
82
  icon:
83
- name: loading
83
+ name: AiOutlineLoading
84
84
  color: "#faad14"
85
85
  - title: Complete
86
86
  icon:
87
- name: check
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: user
205
+ icon: AiOutlineUser
206
206
  - title: Settings
207
207
  description: Configure preferences
208
- icon: settings
208
+ icon: AiOutlineSetting
209
209
  - title: Review
210
210
  description: Review and submit
211
- icon: check
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: user
373
+ icon: AiOutlineUser
391
374
  - title: Profile
392
- icon: IdCard
375
+ icon: AiOutlineIdcard
393
376
  - title: Confirm
394
- icon: check
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: ShoppingCart
502
+ icon: AiOutlineShoppingCart
520
503
  - title: Payment Confirmed
521
504
  description: March 10, 2026 at 2:31 PM
522
- icon: CreditCard
505
+ icon: AiOutlineCreditCard
523
506
  - title: Shipped
524
507
  description: March 12, 2026 - Tracking number available
525
- icon: Car
508
+ icon: AiOutlineCar
526
509
  - title: Delivered
527
510
  description: Estimated March 15, 2026
528
- icon: home
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: "1px solid #d9d9d9"
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. Same as `type: dot`. |
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 | - | 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 use as the step icon. |
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 | - | Max width of each step description. Unset by default in antd 6, so descriptions take the width of their step. |
595
- | `theme.titleLineHeight` | number | `32` | Deprecated in antd 6 and has no effect. |
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 | `"unset"` | Max width of navigation step content. |
600
- | `theme.finishIconBorderColor` | string | `"#e6f4ff"` | Border color of finished step icon. |
601
- | `theme.waitIconBorderColor` | string | `"transparent"` | Border color of waiting step icon. |
602
- | `theme.waitIconColor` | string | `"rgba(0, 0, 0, 0.65)"` | Color of waiting step icon. |
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: check
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: warning
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: star
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: Crown
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: Rocket
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: star
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: view
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: filter
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: RefreshCw
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: arrow-up
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: user
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: check
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: Zap
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: check
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: star
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: ShoppingCart
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
- | `variant` | string | `"filled"` | Tag style variant. `filled` shows a tinted background, `outlined` adds a border and `solid` fills the tag with its color. Enum: `filled`, `solid`, `outlined`. |
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.