@lowdefy/docs-content 0.0.0-experimental-20260710073520

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 (304) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +20 -0
  3. package/content/actions/callapi.md +66 -0
  4. package/content/actions/callmethod.md +41 -0
  5. package/content/actions/copytoclipboard.md +32 -0
  6. package/content/actions/displaymessage.md +53 -0
  7. package/content/actions/downloadcsv.md +89 -0
  8. package/content/actions/fetch.md +50 -0
  9. package/content/actions/geolocationcurrentposition.md +56 -0
  10. package/content/actions/link.md +104 -0
  11. package/content/actions/login.md +85 -0
  12. package/content/actions/logout.md +56 -0
  13. package/content/actions/pdfmake.md +304 -0
  14. package/content/actions/request.md +67 -0
  15. package/content/actions/reset.md +27 -0
  16. package/content/actions/resetvalidation.md +85 -0
  17. package/content/actions/scrollto.md +85 -0
  18. package/content/actions/setdarkmode.md +62 -0
  19. package/content/actions/setfocus.md +33 -0
  20. package/content/actions/setglobal.md +63 -0
  21. package/content/actions/setlocale.md +69 -0
  22. package/content/actions/setstate.md +70 -0
  23. package/content/actions/throw.md +72 -0
  24. package/content/actions/validate.md +87 -0
  25. package/content/actions/wait.md +24 -0
  26. package/content/agents/agent-endpoint-tools.md +190 -0
  27. package/content/agents/agent-mcp-tools.md +124 -0
  28. package/content/agents/agent-multi-agent.md +136 -0
  29. package/content/agents/agent-properties.md +174 -0
  30. package/content/agents/agent-server-hooks.md +336 -0
  31. package/content/agents/agentchat.md +515 -0
  32. package/content/agents/agentconversations.md +148 -0
  33. package/content/concepts/ai-agent-docs.md +190 -0
  34. package/content/concepts/cli.md +213 -0
  35. package/content/concepts/connections-and-requests.md +7 -0
  36. package/content/concepts/custom-html.md +3 -0
  37. package/content/concepts/custom-styling.md +161 -0
  38. package/content/concepts/events-and-actions.md +271 -0
  39. package/content/concepts/hosting-files.md +18 -0
  40. package/content/concepts/i18n.md +320 -0
  41. package/content/concepts/keyboard-shortcuts.md +218 -0
  42. package/content/concepts/layout-overview.md +478 -0
  43. package/content/concepts/lists.md +144 -0
  44. package/content/concepts/logger.md +43 -0
  45. package/content/concepts/lowdefy-schema.md +365 -0
  46. package/content/concepts/menus.md +144 -0
  47. package/content/concepts/module-authoring.md +564 -0
  48. package/content/concepts/modules.md +338 -0
  49. package/content/concepts/operators.md +45 -0
  50. package/content/concepts/overview.md +19 -0
  51. package/content/concepts/references-and-templates.md +207 -0
  52. package/content/concepts/secrets.md +24 -0
  53. package/content/concepts/selectors.md +143 -0
  54. package/content/connections/amazonredshift.md +176 -0
  55. package/content/connections/anthropic.md +232 -0
  56. package/content/connections/awss3.md +313 -0
  57. package/content/connections/azureblobstorage.md +133 -0
  58. package/content/connections/elasticsearch.md +371 -0
  59. package/content/connections/google.md +228 -0
  60. package/content/connections/googlecloudstorage.md +139 -0
  61. package/content/connections/googlesheet.md +313 -0
  62. package/content/connections/knex.md +206 -0
  63. package/content/connections/mariadb.md +177 -0
  64. package/content/connections/mcp.md +134 -0
  65. package/content/connections/mongodb.md +739 -0
  66. package/content/connections/mssql.md +191 -0
  67. package/content/connections/mysql.md +192 -0
  68. package/content/connections/openai-connection.md +228 -0
  69. package/content/connections/postgresql.md +200 -0
  70. package/content/connections/redis.md +116 -0
  71. package/content/connections/sendgridmail.md +94 -0
  72. package/content/connections/smtp.md +149 -0
  73. package/content/connections/sqlite.md +187 -0
  74. package/content/connections/stripe.md +115 -0
  75. package/content/container-blocks/affix.md +413 -0
  76. package/content/container-blocks/alert.md +937 -0
  77. package/content/container-blocks/badge.md +1222 -0
  78. package/content/container-blocks/box.md +1453 -0
  79. package/content/container-blocks/card.md +1200 -0
  80. package/content/container-blocks/carousel.md +2247 -0
  81. package/content/container-blocks/collapse.md +1335 -0
  82. package/content/container-blocks/configprovider.md +1070 -0
  83. package/content/container-blocks/confirmmodal.md +1159 -0
  84. package/content/container-blocks/content.md +597 -0
  85. package/content/container-blocks/descriptions.md +870 -0
  86. package/content/container-blocks/drawer.md +1379 -0
  87. package/content/container-blocks/dropdownmenu.md +643 -0
  88. package/content/container-blocks/flex.md +1510 -0
  89. package/content/container-blocks/footer.md +380 -0
  90. package/content/container-blocks/googlemaps.md +546 -0
  91. package/content/container-blocks/googlemapsheatmap.md +607 -0
  92. package/content/container-blocks/googlemapsscript.md +61 -0
  93. package/content/container-blocks/header.md +302 -0
  94. package/content/container-blocks/label.md +739 -0
  95. package/content/container-blocks/layout.md +604 -0
  96. package/content/container-blocks/masonry.md +1090 -0
  97. package/content/container-blocks/mobilemenu.md +1244 -0
  98. package/content/container-blocks/modal.md +1180 -0
  99. package/content/container-blocks/pageheadermenu.md +614 -0
  100. package/content/container-blocks/pagesidebarlayout.md +438 -0
  101. package/content/container-blocks/pagesidermenu.md +651 -0
  102. package/content/container-blocks/popover.md +1421 -0
  103. package/content/container-blocks/result.md +972 -0
  104. package/content/container-blocks/sider.md +1064 -0
  105. package/content/container-blocks/span.md +747 -0
  106. package/content/container-blocks/spinner.md +267 -0
  107. package/content/container-blocks/splitter.md +1735 -0
  108. package/content/container-blocks/tabs.md +1718 -0
  109. package/content/container-blocks/tooltip.md +1274 -0
  110. package/content/container-blocks/watermark.md +515 -0
  111. package/content/controls/for.md +103 -0
  112. package/content/controls/if.md +107 -0
  113. package/content/controls/log.md +50 -0
  114. package/content/controls/parallel.md +71 -0
  115. package/content/controls/parallel_for.md +36 -0
  116. package/content/controls/reject.md +56 -0
  117. package/content/controls/return.md +66 -0
  118. package/content/controls/set_state.md +98 -0
  119. package/content/controls/switch.md +90 -0
  120. package/content/controls/throw.md +79 -0
  121. package/content/controls/try.md +88 -0
  122. package/content/deployment/docker.md +149 -0
  123. package/content/deployment/node-server.md +27 -0
  124. package/content/deployment/vercel.md +101 -0
  125. package/content/display-blocks/aggrid.md +1459 -0
  126. package/content/display-blocks/anchor.md +336 -0
  127. package/content/display-blocks/avatar.md +1154 -0
  128. package/content/display-blocks/breadcrumb.md +517 -0
  129. package/content/display-blocks/button.md +758 -0
  130. package/content/display-blocks/calendar.md +156 -0
  131. package/content/display-blocks/dangeroushtml.md +314 -0
  132. package/content/display-blocks/dangerousmarkdown.md +423 -0
  133. package/content/display-blocks/diffgit.md +44 -0
  134. package/content/display-blocks/difflist.md +225 -0
  135. package/content/display-blocks/diffsidebyside.md +56 -0
  136. package/content/display-blocks/difftimeline.md +94 -0
  137. package/content/display-blocks/divider.md +406 -0
  138. package/content/display-blocks/download.md +60 -0
  139. package/content/display-blocks/dropdownbutton.md +661 -0
  140. package/content/display-blocks/echart.md +418 -0
  141. package/content/display-blocks/floatbutton.md +545 -0
  142. package/content/display-blocks/html.md +311 -0
  143. package/content/display-blocks/icon.md +717 -0
  144. package/content/display-blocks/img.md +479 -0
  145. package/content/display-blocks/markdown.md +520 -0
  146. package/content/display-blocks/markdownwithcode.md +730 -0
  147. package/content/display-blocks/menu.md +1123 -0
  148. package/content/display-blocks/message.md +941 -0
  149. package/content/display-blocks/notification.md +1410 -0
  150. package/content/display-blocks/paragraph.md +643 -0
  151. package/content/display-blocks/progress.md +818 -0
  152. package/content/display-blocks/qrcode.md +519 -0
  153. package/content/display-blocks/s3download.md +240 -0
  154. package/content/display-blocks/search.md +360 -0
  155. package/content/display-blocks/skeleton.md +272 -0
  156. package/content/display-blocks/skeletonavatar.md +222 -0
  157. package/content/display-blocks/skeletonbutton.md +245 -0
  158. package/content/display-blocks/skeletoninput.md +223 -0
  159. package/content/display-blocks/skeletonparagraph.md +201 -0
  160. package/content/display-blocks/statistic.md +485 -0
  161. package/content/display-blocks/steps.md +585 -0
  162. package/content/display-blocks/tag.md +620 -0
  163. package/content/display-blocks/title.md +654 -0
  164. package/content/display-blocks/tour.md +2359 -0
  165. package/content/input-blocks/autocomplete.md +786 -0
  166. package/content/input-blocks/buttonselector.md +964 -0
  167. package/content/input-blocks/checkboxselector.md +765 -0
  168. package/content/input-blocks/checkboxswitch.md +497 -0
  169. package/content/input-blocks/colorselector.md +884 -0
  170. package/content/input-blocks/daterangeselector.md +777 -0
  171. package/content/input-blocks/dateselector.md +693 -0
  172. package/content/input-blocks/datetimeselector.md +791 -0
  173. package/content/input-blocks/inputgallery.md +528 -0
  174. package/content/input-blocks/monthselector.md +717 -0
  175. package/content/input-blocks/multipleselector.md +1337 -0
  176. package/content/input-blocks/numberinput.md +855 -0
  177. package/content/input-blocks/pagination.md +679 -0
  178. package/content/input-blocks/paragraphinput.md +1664 -0
  179. package/content/input-blocks/passwordinput.md +480 -0
  180. package/content/input-blocks/phonenumberinput.md +688 -0
  181. package/content/input-blocks/radioselector.md +820 -0
  182. package/content/input-blocks/ratingslider.md +684 -0
  183. package/content/input-blocks/s3uploadbutton.md +384 -0
  184. package/content/input-blocks/s3uploaddragger.md +305 -0
  185. package/content/input-blocks/s3uploadphoto.md +288 -0
  186. package/content/input-blocks/segmentedselector.md +782 -0
  187. package/content/input-blocks/selector.md +1162 -0
  188. package/content/input-blocks/switch.md +552 -0
  189. package/content/input-blocks/textarea.md +714 -0
  190. package/content/input-blocks/textinput.md +639 -0
  191. package/content/input-blocks/tiptapinput.md +226 -0
  192. package/content/input-blocks/tiptapmentioninput.md +471 -0
  193. package/content/input-blocks/titleinput.md +1094 -0
  194. package/content/input-blocks/treeinput.md +144 -0
  195. package/content/input-blocks/treemultipleselector.md +162 -0
  196. package/content/input-blocks/treeselector.md +185 -0
  197. package/content/input-blocks/upload.md +149 -0
  198. package/content/input-blocks/uploaddragger.md +85 -0
  199. package/content/input-blocks/uploadphoto.md +84 -0
  200. package/content/input-blocks/weekselector.md +630 -0
  201. package/content/list-blocks/controlledlist.md +498 -0
  202. package/content/list-blocks/list.md +529 -0
  203. package/content/list-blocks/listselector.md +301 -0
  204. package/content/list-blocks/masonrylist.md +230 -0
  205. package/content/migration/upgrade-guide.md +106 -0
  206. package/content/migration/v4-to-v5.md +589 -0
  207. package/content/migration/v5-to-v6.md +36 -0
  208. package/content/operators/_actions.md +58 -0
  209. package/content/operators/_and.md +76 -0
  210. package/content/operators/_api.md +254 -0
  211. package/content/operators/_app.md +114 -0
  212. package/content/operators/_args.md +65 -0
  213. package/content/operators/_array.md +331 -0
  214. package/content/operators/_base64.md +49 -0
  215. package/content/operators/_boolean.md +33 -0
  216. package/content/operators/_build.md +166 -0
  217. package/content/operators/_change_case.md +357 -0
  218. package/content/operators/_date.md +415 -0
  219. package/content/operators/_dayjs.md +128 -0
  220. package/content/operators/_diff.md +61 -0
  221. package/content/operators/_divide.md +32 -0
  222. package/content/operators/_eq.md +52 -0
  223. package/content/operators/_event.md +86 -0
  224. package/content/operators/_function.md +52 -0
  225. package/content/operators/_get.md +92 -0
  226. package/content/operators/_global.md +86 -0
  227. package/content/operators/_gt.md +50 -0
  228. package/content/operators/_gte.md +50 -0
  229. package/content/operators/_hash.md +112 -0
  230. package/content/operators/_if.md +30 -0
  231. package/content/operators/_if_none.md +47 -0
  232. package/content/operators/_index.md +48 -0
  233. package/content/operators/_input.md +86 -0
  234. package/content/operators/_intl.md +135 -0
  235. package/content/operators/_item.md +166 -0
  236. package/content/operators/_js.md +113 -0
  237. package/content/operators/_json.md +120 -0
  238. package/content/operators/_jsonata.md +152 -0
  239. package/content/operators/_locale.md +65 -0
  240. package/content/operators/_location.md +40 -0
  241. package/content/operators/_log.md +22 -0
  242. package/content/operators/_lt.md +50 -0
  243. package/content/operators/_lte.md +50 -0
  244. package/content/operators/_math.md +407 -0
  245. package/content/operators/_media.md +83 -0
  246. package/content/operators/_menu.md +62 -0
  247. package/content/operators/_module.md +340 -0
  248. package/content/operators/_mql.md +95 -0
  249. package/content/operators/_ne.md +62 -0
  250. package/content/operators/_not.md +33 -0
  251. package/content/operators/_number.md +159 -0
  252. package/content/operators/_nunjucks.md +117 -0
  253. package/content/operators/_object.md +253 -0
  254. package/content/operators/_operator.md +33 -0
  255. package/content/operators/_or.md +67 -0
  256. package/content/operators/_product.md +45 -0
  257. package/content/operators/_random.md +90 -0
  258. package/content/operators/_ref.md +80 -0
  259. package/content/operators/_regex.md +69 -0
  260. package/content/operators/_request.md +35 -0
  261. package/content/operators/_request_details.md +29 -0
  262. package/content/operators/_secret.md +56 -0
  263. package/content/operators/_state.md +134 -0
  264. package/content/operators/_step.md +98 -0
  265. package/content/operators/_string.md +327 -0
  266. package/content/operators/_subtract.md +24 -0
  267. package/content/operators/_sum.md +45 -0
  268. package/content/operators/_switch.md +37 -0
  269. package/content/operators/_t.md +96 -0
  270. package/content/operators/_theme.md +65 -0
  271. package/content/operators/_type.md +78 -0
  272. package/content/operators/_uri.md +49 -0
  273. package/content/operators/_url_query.md +92 -0
  274. package/content/operators/_user.md +154 -0
  275. package/content/operators/_uuid.md +118 -0
  276. package/content/operators/_var.md +88 -0
  277. package/content/operators/_yaml.md +96 -0
  278. package/content/other/introduction.md +39 -0
  279. package/content/other/next-auth-providers.md +3 -0
  280. package/content/other/updatesession.md +26 -0
  281. package/content/plugins/plugins-actions.md +80 -0
  282. package/content/plugins/plugins-connections.md +98 -0
  283. package/content/plugins/plugins-dev.md +138 -0
  284. package/content/plugins/plugins-introduction.md +29 -0
  285. package/content/plugins/plugins-operators.md +71 -0
  286. package/content/testing/e2e-auth.md +108 -0
  287. package/content/testing/e2e-configuration.md +107 -0
  288. package/content/testing/e2e-getting-started.md +96 -0
  289. package/content/testing/e2e-introduction.md +53 -0
  290. package/content/testing/e2e-mocking.md +155 -0
  291. package/content/testing/e2e-writing-tests.md +214 -0
  292. package/content/tutorial/tutorial-actions-operators.md +222 -0
  293. package/content/tutorial/tutorial-add-blocks.md +86 -0
  294. package/content/tutorial/tutorial-create-page.md +57 -0
  295. package/content/tutorial/tutorial-display-data-page.md +181 -0
  296. package/content/tutorial/tutorial-next-steps.md +53 -0
  297. package/content/tutorial/tutorial-requests-sql.md +22 -0
  298. package/content/tutorial/tutorial-start.md +71 -0
  299. package/content/user-authentication/auth-providers.md +15 -0
  300. package/content/user-authentication/login-and-logout.md +122 -0
  301. package/content/user-authentication/users-introduction.md +31 -0
  302. package/index.json +2281 -0
  303. package/package.json +34 -0
  304. package/scripts/extractAgentDocs.js +130 -0
package/content/display-blocks/skeletoninput.md ADDED
@@ -0,0 +1,223 @@
1
+ # SkeletonInput
2
+
3
+ Input-shaped skeleton loading placeholder.
4
+
5
+ ```yaml
6
+ - id: size_small
7
+ type: SkeletonInput
8
+ properties:
9
+ size: small
10
+ - id: size_medium
11
+ type: SkeletonInput
12
+ properties:
13
+ size: medium
14
+ - id: size_large
15
+ type: SkeletonInput
16
+ properties:
17
+ size: large
18
+ ```
19
+
20
+ ```yaml
21
+ - id: active_small
22
+ type: SkeletonInput
23
+ properties:
24
+ size: small
25
+ - id: active_medium
26
+ type: SkeletonInput
27
+ properties:
28
+ size: medium
29
+ - id: active_large
30
+ type: SkeletonInput
31
+ properties:
32
+ size: large
33
+ ```
34
+
35
+ ```yaml
36
+ - id: no_label_small
37
+ type: SkeletonInput
38
+ properties:
39
+ size: small
40
+ label: false
41
+ - id: no_label_medium
42
+ type: SkeletonInput
43
+ properties:
44
+ size: medium
45
+ label: false
46
+ - id: no_label_large
47
+ type: SkeletonInput
48
+ properties:
49
+ size: large
50
+ label: false
51
+ ```
52
+
53
+ ```yaml
54
+ - id: width_full
55
+ type: SkeletonInput
56
+ properties:
57
+ size: medium
58
+ width: 100%
59
+ - id: width_half
60
+ type: SkeletonInput
61
+ properties:
62
+ size: medium
63
+ width: 50%
64
+ - id: width_fixed
65
+ type: SkeletonInput
66
+ properties:
67
+ size: medium
68
+ width: 300
69
+ ```
70
+
71
+ ```yaml
72
+ - id: label_narrow
73
+ type: SkeletonInput
74
+ properties:
75
+ size: medium
76
+ labelWidth: 15%
77
+ - id: label_wide
78
+ type: SkeletonInput
79
+ properties:
80
+ size: medium
81
+ labelWidth: 50%
82
+ - id: label_fixed
83
+ type: SkeletonInput
84
+ properties:
85
+ size: medium
86
+ labelWidth: 120
87
+ ```
88
+
89
+ ```yaml
90
+ - id: label_height_small
91
+ type: SkeletonInput
92
+ properties:
93
+ size: medium
94
+ labelHeight: 12
95
+ - id: label_height_default
96
+ type: SkeletonInput
97
+ properties:
98
+ size: medium
99
+ labelHeight: 20
100
+ - id: label_height_tall
101
+ type: SkeletonInput
102
+ properties:
103
+ size: medium
104
+ labelHeight: 28
105
+ ```
106
+
107
+ ```yaml
108
+ - id: input_height_short
109
+ type: SkeletonInput
110
+ properties:
111
+ size: medium
112
+ inputHeight: 24
113
+ - id: input_height_default
114
+ type: SkeletonInput
115
+ properties:
116
+ size: medium
117
+ - id: input_height_tall
118
+ type: SkeletonInput
119
+ properties:
120
+ size: medium
121
+ inputHeight: 48
122
+ ```
123
+
124
+ ```yaml
125
+ - id: combined_compact
126
+ type: SkeletonInput
127
+ properties:
128
+ size: small
129
+ labelWidth: 20%
130
+ labelHeight: 12
131
+ width: 60%
132
+ - id: combined_full
133
+ type: SkeletonInput
134
+ properties:
135
+ size: large
136
+ labelWidth: 40%
137
+ labelHeight: 24
138
+ inputHeight: 44
139
+ width: 100%
140
+ - id: combined_no_label
141
+ type: SkeletonInput
142
+ properties:
143
+ size: medium
144
+ label: false
145
+ inputHeight: 40
146
+ width: 80%
147
+ ```
148
+
149
+ ```yaml
150
+ - id: form_skeleton
151
+ type: Box
152
+ layout:
153
+ gap: 16
154
+ blocks:
155
+ - id: form_row_1
156
+ type: Box
157
+ layout:
158
+ gap: 16
159
+ direction: row
160
+ blocks:
161
+ - id: form_first_name
162
+ type: SkeletonInput
163
+ properties:
164
+ size: medium
165
+ labelWidth: 40%
166
+ - id: form_last_name
167
+ type: SkeletonInput
168
+ properties:
169
+ size: medium
170
+ labelWidth: 40%
171
+ - id: form_email
172
+ type: SkeletonInput
173
+ properties:
174
+ size: medium
175
+ labelWidth: 20%
176
+ - id: form_notes
177
+ type: SkeletonInput
178
+ properties:
179
+ size: medium
180
+ labelWidth: 15%
181
+ inputHeight: 80
182
+ - id: form_submit
183
+ type: SkeletonButton
184
+ properties:
185
+ size: medium
186
+ width: 120
187
+ ```
188
+
189
+ ```yaml
190
+ - id: style_rounded_input
191
+ type: SkeletonInput
192
+ properties:
193
+ size: medium
194
+ style:
195
+ .input:
196
+ borderRadius: 8
197
+ - id: style_custom_bg
198
+ type: SkeletonInput
199
+ properties:
200
+ size: medium
201
+ label: false
202
+ style:
203
+ .element:
204
+ maxWidth: 400
205
+ ```
206
+
207
+ | Property | Type | Default | Description |
208
+ | --- | --- | --- | --- |
209
+ | `size` | string | `"medium"` | Size of the skeleton. Enum: `small`, `medium`, `large`. |
210
+ | `width` | number \| string | - | Width of the skeleton. |
211
+ | `labelHeight` | number \| string | - | Height of the skeleton. |
212
+ | `labelWidth` | number \| string | - | Width of the skeleton. |
213
+ | `inputHeight` | number \| string | - | Height of the skeleton. |
214
+
215
+ No events defined.
216
+
217
+ | Key | Target |
218
+ | --- | --- |
219
+ | `/block` | Outer block wrapper (always available). |
220
+ | `/element` | The outer container. |
221
+ | `/input` | The input skeleton. |
222
+
223
+ No slots defined.
package/content/display-blocks/skeletonparagraph.md ADDED
@@ -0,0 +1,201 @@
1
+ # SkeletonParagraph
2
+
3
+ Paragraph-shaped skeleton loading placeholder.
4
+
5
+ ```yaml
6
+ - id: basic_default
7
+ type: SkeletonParagraph
8
+ ```
9
+
10
+ ```yaml
11
+ - id: rows_1
12
+ type: SkeletonParagraph
13
+ properties:
14
+ lines: 1
15
+ - id: rows_2
16
+ type: SkeletonParagraph
17
+ properties:
18
+ lines: 2
19
+ - id: rows_3
20
+ type: SkeletonParagraph
21
+ properties:
22
+ lines: 3
23
+ - id: rows_4
24
+ type: SkeletonParagraph
25
+ properties:
26
+ lines: 4
27
+ - id: rows_6
28
+ type: SkeletonParagraph
29
+ properties:
30
+ lines: 6
31
+ - id: rows_8
32
+ type: SkeletonParagraph
33
+ properties:
34
+ lines: 8
35
+ ```
36
+
37
+ ```yaml
38
+ - id: width_100
39
+ type: SkeletonParagraph
40
+ properties:
41
+ width: 100%
42
+ lines: 3
43
+ - id: width_75
44
+ type: SkeletonParagraph
45
+ properties:
46
+ width: 75%
47
+ lines: 3
48
+ - id: width_50
49
+ type: SkeletonParagraph
50
+ properties:
51
+ width: 50%
52
+ lines: 3
53
+ ```
54
+
55
+ ```yaml
56
+ - id: width_px_400
57
+ type: SkeletonParagraph
58
+ properties:
59
+ width: 400
60
+ lines: 3
61
+ - id: width_px_300
62
+ type: SkeletonParagraph
63
+ properties:
64
+ width: 300
65
+ lines: 3
66
+ - id: width_px_200
67
+ type: SkeletonParagraph
68
+ properties:
69
+ width: 200
70
+ lines: 3
71
+ ```
72
+
73
+ ```yaml
74
+ - id: active_default
75
+ type: SkeletonParagraph
76
+ properties:
77
+ lines: 4
78
+ - id: active_short
79
+ type: SkeletonParagraph
80
+ properties:
81
+ lines: 2
82
+ width: 60%
83
+ ```
84
+
85
+ ```yaml
86
+ - id: single_full
87
+ type: SkeletonParagraph
88
+ properties:
89
+ lines: 1
90
+ width: 100%
91
+ - id: single_half
92
+ type: SkeletonParagraph
93
+ properties:
94
+ lines: 1
95
+ width: 50%
96
+ ```
97
+
98
+ ```yaml
99
+ - id: article_skeleton
100
+ type: Box
101
+ layout:
102
+ gap: 16
103
+ blocks:
104
+ - id: article_title
105
+ type: Skeleton
106
+ properties:
107
+ width: 60%
108
+ height: 24
109
+ - id: article_subtitle
110
+ type: Skeleton
111
+ properties:
112
+ width: 40%
113
+ height: 16
114
+ - id: article_body
115
+ type: SkeletonParagraph
116
+ properties:
117
+ lines: 6
118
+ - id: article_body_2
119
+ type: SkeletonParagraph
120
+ properties:
121
+ lines: 4
122
+ ```
123
+
124
+ ```yaml
125
+ - id: card_with_para
126
+ type: Box
127
+ style:
128
+ padding: 16
129
+ border: 1px solid
130
+ borderRadius: 8
131
+ maxWidth: 400
132
+ layout:
133
+ gap: 12
134
+ blocks:
135
+ - id: card_header_row
136
+ type: Box
137
+ layout:
138
+ gap: 12
139
+ align: center
140
+ direction: row
141
+ blocks:
142
+ - id: card_avatar
143
+ type: SkeletonAvatar
144
+ layout:
145
+ flex: 0 0 auto
146
+ properties:
147
+ size: large
148
+ shape: round
149
+ - id: card_header_lines
150
+ type: Box
151
+ layout:
152
+ gap: 6
153
+ blocks:
154
+ - id: card_name
155
+ type: Skeleton
156
+ properties:
157
+ width: 140
158
+ height: 14
159
+ - id: card_date
160
+ type: Skeleton
161
+ properties:
162
+ width: 80
163
+ height: 12
164
+ - id: card_body
165
+ type: SkeletonParagraph
166
+ properties:
167
+ lines: 3
168
+ ```
169
+
170
+ ```yaml
171
+ - id: style_narrow
172
+ type: SkeletonParagraph
173
+ properties:
174
+ lines: 3
175
+ style:
176
+ .element:
177
+ maxWidth: 300
178
+ - id: style_padded
179
+ type: SkeletonParagraph
180
+ properties:
181
+ lines: 3
182
+ style:
183
+ .element:
184
+ padding: 16
185
+ border: 1px solid
186
+ borderRadius: 8
187
+ ```
188
+
189
+ | Property | Type | Default | Description |
190
+ | --- | --- | --- | --- |
191
+ | `lines` | number | `4` | Number of paragraph lines of the skeleton. |
192
+ | `width` | number \| string | - | Width of the skeleton. |
193
+
194
+ No events defined.
195
+
196
+ | Key | Target |
197
+ | --- | --- |
198
+ | `/block` | Outer block wrapper (always available). |
199
+ | `/element` | The SkeletonParagraph element. |
200
+
201
+ No slots defined.