jsswift 1.0.44 → 1.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/base.css +2 -137
- package/dist/css/fonts-material.css +7 -0
- package/dist/css/fonts-nunito.css +134 -0
- package/dist/css/min-ui.css +1 -1
- package/dist/css/ui.css +2 -137
- package/dist/css/ui.min.css +1 -1
- package/dist/documentions/README.md +2 -0
- package/dist/documentions/application-rules.md +12 -0
- package/dist/documentions/components/btn.md +35 -416
- package/dist/documentions/components/card.md +62 -594
- package/dist/documentions/components/dialog.md +81 -626
- package/dist/documentions/components/input.md +73 -617
- package/dist/documentions/components/pagination.md +54 -529
- package/dist/documentions/components/select.md +84 -658
- package/dist/documentions/components/table.md +93 -655
- package/dist/documentions/getting-started.md +27 -0
- package/dist/documentions/knowledge-map.json +1 -1
- package/dist/tabler.js +7 -0
- package/package.json +5 -2
|
@@ -7,602 +7,70 @@ Exact JSswift UI metadata contract. Use only the props, slots, events, and metho
|
|
|
7
7
|
"signature": "_.Card(...children) | _.Card(props, ...children)",
|
|
8
8
|
"description": "Sectioned card with structured header, cover/media, body, and footer/actions.",
|
|
9
9
|
"props": {
|
|
10
|
-
"size": {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
},
|
|
44
|
-
"
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
"xxxl"
|
|
59
|
-
],
|
|
60
|
-
"category": "style"
|
|
61
|
-
},
|
|
62
|
-
"clickable": {
|
|
63
|
-
"type": "boolean",
|
|
64
|
-
"description": "Enables pointer/hover styles and click handling on the component.",
|
|
65
|
-
"default": false,
|
|
66
|
-
"values": null,
|
|
67
|
-
"category": "behavior"
|
|
68
|
-
},
|
|
69
|
-
"padding": {
|
|
70
|
-
"type": "string|number",
|
|
71
|
-
"description": "Padding applied to the component root element.",
|
|
72
|
-
"default": null,
|
|
73
|
-
"values": [
|
|
74
|
-
"number",
|
|
75
|
-
"CSS units",
|
|
76
|
-
"xxs",
|
|
77
|
-
"xs",
|
|
78
|
-
"sm",
|
|
79
|
-
"md",
|
|
80
|
-
"lg",
|
|
81
|
-
"xl",
|
|
82
|
-
"xxl",
|
|
83
|
-
"xxxl"
|
|
84
|
-
],
|
|
85
|
-
"category": "layout"
|
|
86
|
-
},
|
|
87
|
-
"margin": {
|
|
88
|
-
"type": "string|number",
|
|
89
|
-
"description": "Margin applied to the component root element.",
|
|
90
|
-
"default": null,
|
|
91
|
-
"values": [
|
|
92
|
-
"number",
|
|
93
|
-
"CSS units",
|
|
94
|
-
"xxs",
|
|
95
|
-
"xs",
|
|
96
|
-
"sm",
|
|
97
|
-
"md",
|
|
98
|
-
"lg",
|
|
99
|
-
"xl",
|
|
100
|
-
"xxl",
|
|
101
|
-
"xxxl"
|
|
102
|
-
],
|
|
103
|
-
"category": "layout"
|
|
104
|
-
},
|
|
105
|
-
"width": {
|
|
106
|
-
"type": "string|number",
|
|
107
|
-
"description": "Explicit width (number interpreted as px or CSS length).",
|
|
108
|
-
"default": null,
|
|
109
|
-
"values": [
|
|
110
|
-
"number",
|
|
111
|
-
"CSS units",
|
|
112
|
-
"xxs",
|
|
113
|
-
"xs",
|
|
114
|
-
"sm",
|
|
115
|
-
"md",
|
|
116
|
-
"lg",
|
|
117
|
-
"xl",
|
|
118
|
-
"xxl",
|
|
119
|
-
"xxxl"
|
|
120
|
-
],
|
|
121
|
-
"category": "layout"
|
|
122
|
-
},
|
|
123
|
-
"minWidth": {
|
|
124
|
-
"type": "string|number",
|
|
125
|
-
"description": "Minimum width constraint (number interpreted as px or CSS length).",
|
|
126
|
-
"default": null,
|
|
127
|
-
"values": [
|
|
128
|
-
"number",
|
|
129
|
-
"CSS units",
|
|
130
|
-
"xxs",
|
|
131
|
-
"xs",
|
|
132
|
-
"sm",
|
|
133
|
-
"md",
|
|
134
|
-
"lg",
|
|
135
|
-
"xl",
|
|
136
|
-
"xxl",
|
|
137
|
-
"xxxl"
|
|
138
|
-
],
|
|
139
|
-
"category": "layout"
|
|
140
|
-
},
|
|
141
|
-
"maxWidth": {
|
|
142
|
-
"type": "string|number",
|
|
143
|
-
"description": "Maximum width constraint (number interpreted as px or CSS length).",
|
|
144
|
-
"default": null,
|
|
145
|
-
"values": [
|
|
146
|
-
"number",
|
|
147
|
-
"CSS units",
|
|
148
|
-
"xxs",
|
|
149
|
-
"xs",
|
|
150
|
-
"sm",
|
|
151
|
-
"md",
|
|
152
|
-
"lg",
|
|
153
|
-
"xl",
|
|
154
|
-
"xxl",
|
|
155
|
-
"xxxl"
|
|
156
|
-
],
|
|
157
|
-
"category": "layout"
|
|
158
|
-
},
|
|
159
|
-
"height": {
|
|
160
|
-
"type": "string|number",
|
|
161
|
-
"description": "Explicit height (number interpreted as px or CSS length).",
|
|
162
|
-
"default": null,
|
|
163
|
-
"values": [
|
|
164
|
-
"number",
|
|
165
|
-
"CSS units",
|
|
166
|
-
"xxs",
|
|
167
|
-
"xs",
|
|
168
|
-
"sm",
|
|
169
|
-
"md",
|
|
170
|
-
"lg",
|
|
171
|
-
"xl",
|
|
172
|
-
"xxl",
|
|
173
|
-
"xxxl"
|
|
174
|
-
],
|
|
175
|
-
"category": "layout"
|
|
176
|
-
},
|
|
177
|
-
"minHeight": {
|
|
178
|
-
"type": "string|number",
|
|
179
|
-
"description": "Minimum height constraint (number interpreted as px or CSS length).",
|
|
180
|
-
"default": null,
|
|
181
|
-
"values": [
|
|
182
|
-
"number",
|
|
183
|
-
"CSS units",
|
|
184
|
-
"xxs",
|
|
185
|
-
"xs",
|
|
186
|
-
"sm",
|
|
187
|
-
"md",
|
|
188
|
-
"lg",
|
|
189
|
-
"xl",
|
|
190
|
-
"xxl",
|
|
191
|
-
"xxxl"
|
|
192
|
-
],
|
|
193
|
-
"category": "layout"
|
|
194
|
-
},
|
|
195
|
-
"maxHeight": {
|
|
196
|
-
"type": "string|number",
|
|
197
|
-
"description": "Maximum height constraint (number interpreted as px or CSS length).",
|
|
198
|
-
"default": null,
|
|
199
|
-
"values": [
|
|
200
|
-
"number",
|
|
201
|
-
"CSS units",
|
|
202
|
-
"xxs",
|
|
203
|
-
"xs",
|
|
204
|
-
"sm",
|
|
205
|
-
"md",
|
|
206
|
-
"lg",
|
|
207
|
-
"xl",
|
|
208
|
-
"xxl",
|
|
209
|
-
"xxxl"
|
|
210
|
-
],
|
|
211
|
-
"category": "layout"
|
|
212
|
-
},
|
|
213
|
-
"radius": {
|
|
214
|
-
"type": "string|number",
|
|
215
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
216
|
-
"default": null,
|
|
217
|
-
"values": [
|
|
218
|
-
"number",
|
|
219
|
-
"CSS units",
|
|
220
|
-
"xxs",
|
|
221
|
-
"xs",
|
|
222
|
-
"sm",
|
|
223
|
-
"md",
|
|
224
|
-
"lg",
|
|
225
|
-
"xl",
|
|
226
|
-
"xxl",
|
|
227
|
-
"xxxl"
|
|
228
|
-
],
|
|
229
|
-
"category": "style"
|
|
230
|
-
},
|
|
231
|
-
"borderRadius": {
|
|
232
|
-
"type": "string|number",
|
|
233
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
234
|
-
"default": null,
|
|
235
|
-
"values": [
|
|
236
|
-
"number",
|
|
237
|
-
"CSS units",
|
|
238
|
-
"xxs",
|
|
239
|
-
"xs",
|
|
240
|
-
"sm",
|
|
241
|
-
"md",
|
|
242
|
-
"lg",
|
|
243
|
-
"xl",
|
|
244
|
-
"xxl",
|
|
245
|
-
"xxxl"
|
|
246
|
-
],
|
|
247
|
-
"category": "style"
|
|
248
|
-
},
|
|
249
|
-
"shadow": {
|
|
250
|
-
"type": "string|boolean",
|
|
251
|
-
"description": "Shadow token or CSS box-shadow string applied to the component.",
|
|
252
|
-
"default": null,
|
|
253
|
-
"values": [
|
|
254
|
-
"none",
|
|
255
|
-
"xxs",
|
|
256
|
-
"xs",
|
|
257
|
-
"sm",
|
|
258
|
-
"md",
|
|
259
|
-
"lg",
|
|
260
|
-
"xl",
|
|
261
|
-
"xxl",
|
|
262
|
-
"xxxl"
|
|
263
|
-
],
|
|
264
|
-
"category": "style"
|
|
265
|
-
},
|
|
266
|
-
"mobile": {
|
|
267
|
-
"type": "{ display?, direction?, gap?, cols? }",
|
|
268
|
-
"description": "Responsive overrides applied at the base/mobile viewport.",
|
|
269
|
-
"default": null,
|
|
270
|
-
"values": null,
|
|
271
|
-
"category": "layout"
|
|
272
|
-
},
|
|
273
|
-
"tablet": {
|
|
274
|
-
"type": "{ display?, direction?, gap?, cols? }",
|
|
275
|
-
"description": "Responsive overrides applied from the tablet breakpoint upward.",
|
|
276
|
-
"default": null,
|
|
277
|
-
"values": null,
|
|
278
|
-
"category": "layout"
|
|
279
|
-
},
|
|
280
|
-
"pc": {
|
|
281
|
-
"type": "{ display?, direction?, gap?, cols? }",
|
|
282
|
-
"description": "Responsive overrides applied from the desktop breakpoint upward.",
|
|
283
|
-
"default": null,
|
|
284
|
-
"values": null,
|
|
285
|
-
"category": "layout"
|
|
286
|
-
},
|
|
287
|
-
"class": {
|
|
288
|
-
"type": "string",
|
|
289
|
-
"description": "Additional CSS classes applied to the component root element.",
|
|
290
|
-
"default": null,
|
|
291
|
-
"values": null,
|
|
292
|
-
"category": "style"
|
|
293
|
-
},
|
|
294
|
-
"style": {
|
|
295
|
-
"type": "object",
|
|
296
|
-
"description": "Inline styles applied to the component root element.",
|
|
297
|
-
"default": null,
|
|
298
|
-
"values": null,
|
|
299
|
-
"category": "style"
|
|
300
|
-
},
|
|
301
|
-
"title": {
|
|
302
|
-
"type": "String|Node|Function|Array",
|
|
303
|
-
"description": "Title text or node.",
|
|
304
|
-
"default": null,
|
|
305
|
-
"values": null,
|
|
306
|
-
"category": "general"
|
|
307
|
-
},
|
|
308
|
-
"subtitle": {
|
|
309
|
-
"type": "String|Node|Function|Array",
|
|
310
|
-
"description": "Subtitle text or node.",
|
|
311
|
-
"default": null,
|
|
312
|
-
"values": null,
|
|
313
|
-
"category": "general"
|
|
314
|
-
},
|
|
315
|
-
"eyebrow": {
|
|
316
|
-
"type": "String|Node|Function|Array",
|
|
317
|
-
"description": "Component configuration for \"eyebrow\". When not handled internally, it is forwarded to the root element.",
|
|
318
|
-
"default": null,
|
|
319
|
-
"values": null,
|
|
320
|
-
"category": "general"
|
|
321
|
-
},
|
|
322
|
-
"header": {
|
|
323
|
-
"type": "String|Node|Function|Array",
|
|
324
|
-
"description": "Header content node(s) or render function.",
|
|
325
|
-
"default": null,
|
|
326
|
-
"values": null,
|
|
327
|
-
"category": "general"
|
|
328
|
-
},
|
|
329
|
-
"body": {
|
|
330
|
-
"type": "String|Node|Function|Array",
|
|
331
|
-
"description": "Component configuration for \"body\". When not handled internally, it is forwarded to the root element.",
|
|
332
|
-
"default": null,
|
|
333
|
-
"values": null,
|
|
334
|
-
"category": "general"
|
|
335
|
-
},
|
|
336
|
-
"footer": {
|
|
337
|
-
"type": "String|Node|Function|Array",
|
|
338
|
-
"description": "Footer content node(s) or render function.",
|
|
339
|
-
"default": null,
|
|
340
|
-
"values": null,
|
|
341
|
-
"category": "general"
|
|
342
|
-
},
|
|
343
|
-
"actions": {
|
|
344
|
-
"type": "Node|Function|Array",
|
|
345
|
-
"description": "Content rendered in the action area, typically in a footer or trailing region.",
|
|
346
|
-
"default": null,
|
|
347
|
-
"values": null,
|
|
348
|
-
"category": "general"
|
|
349
|
-
},
|
|
350
|
-
"icon": {
|
|
351
|
-
"type": "String|Node|Function|Array",
|
|
352
|
-
"description": "Icon name or node rendered with the component.",
|
|
353
|
-
"default": null,
|
|
354
|
-
"values": [
|
|
355
|
-
"#name_tabler",
|
|
356
|
-
"name_material",
|
|
357
|
-
"class"
|
|
358
|
-
],
|
|
359
|
-
"category": "general"
|
|
360
|
-
},
|
|
361
|
-
"aside": {
|
|
362
|
-
"type": "Node|Function|Array",
|
|
363
|
-
"description": "Content or configuration for the aside/secondary region.",
|
|
364
|
-
"default": null,
|
|
365
|
-
"values": null,
|
|
366
|
-
"category": "general"
|
|
367
|
-
},
|
|
368
|
-
"identifier": {
|
|
369
|
-
"type": "String|Node|Function|Array",
|
|
370
|
-
"description": "Component configuration for \"identifier\". When not handled internally, it is forwarded to the root element.",
|
|
371
|
-
"default": null,
|
|
372
|
-
"values": null,
|
|
373
|
-
"category": "general"
|
|
374
|
-
},
|
|
375
|
-
"media": {
|
|
376
|
-
"type": "Node|Function|Array",
|
|
377
|
-
"description": "Component configuration for \"media\". When not handled internally, it is forwarded to the root element.",
|
|
378
|
-
"default": null,
|
|
379
|
-
"values": null,
|
|
380
|
-
"category": "general"
|
|
381
|
-
},
|
|
382
|
-
"cover": {
|
|
383
|
-
"type": "Node|Function|Array",
|
|
384
|
-
"description": "Component configuration for \"cover\". When not handled internally, it is forwarded to the root element.",
|
|
385
|
-
"default": null,
|
|
386
|
-
"values": null,
|
|
387
|
-
"category": "general"
|
|
388
|
-
},
|
|
389
|
-
"image": {
|
|
390
|
-
"type": "string",
|
|
391
|
-
"description": "Component configuration for \"image\". When not handled internally, it is forwarded to the root element.",
|
|
392
|
-
"default": null,
|
|
393
|
-
"values": null,
|
|
394
|
-
"category": "general"
|
|
395
|
-
},
|
|
396
|
-
"imageAlt": {
|
|
397
|
-
"type": "string",
|
|
398
|
-
"description": "Component configuration for \"imageAlt\". When not handled internally, it is forwarded to the root element.",
|
|
399
|
-
"default": null,
|
|
400
|
-
"values": null,
|
|
401
|
-
"category": "general"
|
|
402
|
-
},
|
|
403
|
-
"coverHeight": {
|
|
404
|
-
"type": "string|number",
|
|
405
|
-
"description": "Component configuration for \"coverHeight\". When not handled internally, it is forwarded to the root element.",
|
|
406
|
-
"default": null,
|
|
407
|
-
"values": null,
|
|
408
|
-
"category": "general"
|
|
409
|
-
},
|
|
410
|
-
"to": {
|
|
411
|
-
"type": "string",
|
|
412
|
-
"description": "Navigation target/route to open on click.",
|
|
413
|
-
"default": null,
|
|
414
|
-
"values": null,
|
|
415
|
-
"category": "general"
|
|
416
|
-
},
|
|
417
|
-
"dense": {
|
|
418
|
-
"type": "boolean",
|
|
419
|
-
"description": "Uses compact spacing and sizing.",
|
|
420
|
-
"default": false,
|
|
421
|
-
"values": null,
|
|
422
|
-
"category": "layout"
|
|
423
|
-
},
|
|
424
|
-
"flat": {
|
|
425
|
-
"type": "boolean",
|
|
426
|
-
"description": "Removes elevation/border for a flat look.",
|
|
427
|
-
"default": false,
|
|
428
|
-
"values": null,
|
|
429
|
-
"category": "style"
|
|
430
|
-
},
|
|
431
|
-
"display": {
|
|
432
|
-
"type": "string",
|
|
433
|
-
"description": "Component configuration for \"display\". When not handled internally, it is forwarded to the root element.",
|
|
434
|
-
"default": null,
|
|
435
|
-
"values": null,
|
|
436
|
-
"category": "general"
|
|
437
|
-
},
|
|
438
|
-
"direction": {
|
|
439
|
-
"type": "row|column|string",
|
|
440
|
-
"description": "Component configuration for \"direction\". When not handled internally, it is forwarded to the root element.",
|
|
441
|
-
"default": null,
|
|
442
|
-
"values": null,
|
|
443
|
-
"category": "general"
|
|
444
|
-
},
|
|
445
|
-
"gap": {
|
|
446
|
-
"type": "string|number",
|
|
447
|
-
"description": "Gap/spacing between child elements.",
|
|
448
|
-
"default": null,
|
|
449
|
-
"values": null,
|
|
450
|
-
"category": "general"
|
|
451
|
-
},
|
|
452
|
-
"cols": {
|
|
453
|
-
"type": "number|string",
|
|
454
|
-
"description": "Number of columns for grid layouts.",
|
|
455
|
-
"default": null,
|
|
456
|
-
"values": null,
|
|
457
|
-
"category": "general"
|
|
458
|
-
},
|
|
459
|
-
"headerClass": {
|
|
460
|
-
"type": "string",
|
|
461
|
-
"description": "Component configuration for \"headerClass\". When not handled internally, it is forwarded to the root element.",
|
|
462
|
-
"default": null,
|
|
463
|
-
"values": null,
|
|
464
|
-
"category": "general"
|
|
465
|
-
},
|
|
466
|
-
"bodyClass": {
|
|
467
|
-
"type": "string",
|
|
468
|
-
"description": "Component configuration for \"bodyClass\". When not handled internally, it is forwarded to the root element.",
|
|
469
|
-
"default": null,
|
|
470
|
-
"values": null,
|
|
471
|
-
"category": "general"
|
|
472
|
-
},
|
|
473
|
-
"footerClass": {
|
|
474
|
-
"type": "string",
|
|
475
|
-
"description": "Component configuration for \"footerClass\". When not handled internally, it is forwarded to the root element.",
|
|
476
|
-
"default": null,
|
|
477
|
-
"values": null,
|
|
478
|
-
"category": "general"
|
|
479
|
-
},
|
|
480
|
-
"slots": {
|
|
481
|
-
"type": "{ identifier?, cover?, media?, icon?, eyebrow?, title?, subtitle?, header?, aside?, body?, footer?, actions?, default? }",
|
|
482
|
-
"description": "Named slots map for render overrides.",
|
|
483
|
-
"default": null,
|
|
484
|
-
"values": null,
|
|
485
|
-
"category": "general"
|
|
486
|
-
},
|
|
487
|
-
"children": {
|
|
488
|
-
"type": "Node|Array|Function",
|
|
489
|
-
"description": "Default child content (nodes, arrays, or render function).",
|
|
490
|
-
"default": null,
|
|
491
|
-
"values": null,
|
|
492
|
-
"category": "general"
|
|
493
|
-
},
|
|
494
|
-
"iconRight": {
|
|
495
|
-
"type": "String|Node|Function|Array",
|
|
496
|
-
"description": "Icon name or node rendered on the right side of the component.",
|
|
497
|
-
"default": null,
|
|
498
|
-
"values": [
|
|
499
|
-
"#name_tabler",
|
|
500
|
-
"name_material",
|
|
501
|
-
"class"
|
|
502
|
-
],
|
|
503
|
-
"category": "general"
|
|
504
|
-
}
|
|
10
|
+
"size": {"type": "string|number", "description": "Size token, number, or CSS length for sizing.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
11
|
+
"color": {"type": "string", "description": "Semantic color name used to style the component.", "default": null, "values": ["primary", "secondary", "success", "warning", "danger", "info", "light", "dark"], "category": "style"},
|
|
12
|
+
"outline": {"type": "boolean", "description": "Uses outlined visual style.", "default": false, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
13
|
+
"clickable": {"type": "boolean", "description": "Enables pointer/hover styles and click handling on the component.", "default": false, "values": null, "category": "behavior"},
|
|
14
|
+
"padding": {"type": "string|number", "description": "Padding applied to the component root element.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
15
|
+
"margin": {"type": "string|number", "description": "Margin applied to the component root element.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
16
|
+
"width": {"type": "string|number", "description": "Explicit width (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
17
|
+
"minWidth": {"type": "string|number", "description": "Minimum width constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
18
|
+
"maxWidth": {"type": "string|number", "description": "Maximum width constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
19
|
+
"height": {"type": "string|number", "description": "Explicit height (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
20
|
+
"minHeight": {"type": "string|number", "description": "Minimum height constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
21
|
+
"maxHeight": {"type": "string|number", "description": "Maximum height constraint (number interpreted as px or CSS length).", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "layout"},
|
|
22
|
+
"radius": {"type": "string|number", "description": "Border radius token or CSS length applied to the component.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
23
|
+
"borderRadius": {"type": "string|number", "description": "Border radius token or CSS length applied to the component.", "default": null, "values": ["number", "CSS units", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
24
|
+
"shadow": {"type": "string|boolean", "description": "Shadow token or CSS box-shadow string applied to the component.", "default": null, "values": ["none", "xxs", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"], "category": "style"},
|
|
25
|
+
"mobile": {"type": "{ display?, direction?, gap?, cols? }", "description": "Responsive overrides applied at the base/mobile viewport.", "default": null, "values": null, "category": "layout"},
|
|
26
|
+
"tablet": {"type": "{ display?, direction?, gap?, cols? }", "description": "Responsive overrides applied from the tablet breakpoint upward.", "default": null, "values": null, "category": "layout"},
|
|
27
|
+
"pc": {"type": "{ display?, direction?, gap?, cols? }", "description": "Responsive overrides applied from the desktop breakpoint upward.", "default": null, "values": null, "category": "layout"},
|
|
28
|
+
"class": {"type": "string", "description": "Additional CSS classes applied to the component root element.", "default": null, "values": null, "category": "style"},
|
|
29
|
+
"style": {"type": "object", "description": "Inline styles applied to the component root element.", "default": null, "values": null, "category": "style"},
|
|
30
|
+
"title": {"type": "String|Node|Function|Array", "description": "Title text or node.", "default": null, "values": null, "category": "general"},
|
|
31
|
+
"subtitle": {"type": "String|Node|Function|Array", "description": "Subtitle text or node.", "default": null, "values": null, "category": "general"},
|
|
32
|
+
"eyebrow": {"type": "String|Node|Function|Array", "description": "Component configuration for \"eyebrow\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
33
|
+
"header": {"type": "String|Node|Function|Array", "description": "Header content node(s) or render function.", "default": null, "values": null, "category": "general"},
|
|
34
|
+
"body": {"type": "String|Node|Function|Array", "description": "Component configuration for \"body\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
35
|
+
"footer": {"type": "String|Node|Function|Array", "description": "Footer content node(s) or render function.", "default": null, "values": null, "category": "general"},
|
|
36
|
+
"actions": {"type": "Node|Function|Array", "description": "Content rendered in the action area, typically in a footer or trailing region.", "default": null, "values": null, "category": "general"},
|
|
37
|
+
"icon": {"type": "String|Node|Function|Array", "description": "Icon name or node rendered with the component.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "general"},
|
|
38
|
+
"aside": {"type": "Node|Function|Array", "description": "Content or configuration for the aside/secondary region.", "default": null, "values": null, "category": "general"},
|
|
39
|
+
"identifier": {"type": "String|Node|Function|Array", "description": "Component configuration for \"identifier\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
40
|
+
"media": {"type": "Node|Function|Array", "description": "Component configuration for \"media\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
41
|
+
"cover": {"type": "Node|Function|Array", "description": "Component configuration for \"cover\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
42
|
+
"image": {"type": "string", "description": "Component configuration for \"image\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
43
|
+
"imageAlt": {"type": "string", "description": "Component configuration for \"imageAlt\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
44
|
+
"coverHeight": {"type": "string|number", "description": "Component configuration for \"coverHeight\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
45
|
+
"to": {"type": "string", "description": "Navigation target/route to open on click.", "default": null, "values": null, "category": "general"},
|
|
46
|
+
"dense": {"type": "boolean", "description": "Uses compact spacing and sizing.", "default": false, "values": null, "category": "layout"},
|
|
47
|
+
"flat": {"type": "boolean", "description": "Removes elevation/border for a flat look.", "default": false, "values": null, "category": "style"},
|
|
48
|
+
"display": {"type": "string", "description": "Component configuration for \"display\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
49
|
+
"direction": {"type": "row|column|string", "description": "Component configuration for \"direction\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
50
|
+
"gap": {"type": "string|number", "description": "Gap/spacing between child elements.", "default": null, "values": null, "category": "general"},
|
|
51
|
+
"cols": {"type": "number|string", "description": "Number of columns for grid layouts.", "default": null, "values": null, "category": "general"},
|
|
52
|
+
"headerClass": {"type": "string", "description": "Component configuration for \"headerClass\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
53
|
+
"bodyClass": {"type": "string", "description": "Component configuration for \"bodyClass\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
54
|
+
"footerClass": {"type": "string", "description": "Component configuration for \"footerClass\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
55
|
+
"slots": {"type": "{ identifier?, cover?, media?, icon?, eyebrow?, title?, subtitle?, header?, aside?, body?, footer?, actions?, default? }", "description": "Named slots map for render overrides.", "default": null, "values": null, "category": "general"},
|
|
56
|
+
"children": {"type": "Node|Array|Function", "description": "Default child content (nodes, arrays, or render function).", "default": null, "values": null, "category": "general"},
|
|
57
|
+
"iconRight": {"type": "String|Node|Function|Array", "description": "Icon name or node rendered on the right side of the component.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "general"}
|
|
505
58
|
},
|
|
506
59
|
"slots": {
|
|
507
|
-
"identifier": {
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
},
|
|
514
|
-
"
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
}
|
|
521
|
-
"media": {
|
|
522
|
-
"type": "Media section above header/body",
|
|
523
|
-
"description": "Slot content for \"media\". Accepts nodes, arrays, or render functions.",
|
|
524
|
-
"default": null,
|
|
525
|
-
"values": null,
|
|
526
|
-
"category": "slot"
|
|
527
|
-
},
|
|
528
|
-
"icon": {
|
|
529
|
-
"type": "Header icon content",
|
|
530
|
-
"description": "Slot for icon content.",
|
|
531
|
-
"default": null,
|
|
532
|
-
"values": [
|
|
533
|
-
"#name_tabler",
|
|
534
|
-
"name_material",
|
|
535
|
-
"class"
|
|
536
|
-
],
|
|
537
|
-
"category": "slot"
|
|
538
|
-
},
|
|
539
|
-
"eyebrow": {
|
|
540
|
-
"type": "Eyebrow/kicker content",
|
|
541
|
-
"description": "Slot content for \"eyebrow\". Accepts nodes, arrays, or render functions.",
|
|
542
|
-
"default": null,
|
|
543
|
-
"values": null,
|
|
544
|
-
"category": "slot"
|
|
545
|
-
},
|
|
546
|
-
"title": {
|
|
547
|
-
"type": "Card title content",
|
|
548
|
-
"description": "Slot for title content.",
|
|
549
|
-
"default": null,
|
|
550
|
-
"values": null,
|
|
551
|
-
"category": "slot"
|
|
552
|
-
},
|
|
553
|
-
"subtitle": {
|
|
554
|
-
"type": "Card subtitle content",
|
|
555
|
-
"description": "Slot for subtitle content.",
|
|
556
|
-
"default": null,
|
|
557
|
-
"values": null,
|
|
558
|
-
"category": "slot"
|
|
559
|
-
},
|
|
560
|
-
"header": {
|
|
561
|
-
"type": "Header support content",
|
|
562
|
-
"description": "Slot for header content.",
|
|
563
|
-
"default": null,
|
|
564
|
-
"values": null,
|
|
565
|
-
"category": "slot"
|
|
566
|
-
},
|
|
567
|
-
"aside": {
|
|
568
|
-
"type": "Right side header content",
|
|
569
|
-
"description": "Slot for aside/secondary content.",
|
|
570
|
-
"default": null,
|
|
571
|
-
"values": null,
|
|
572
|
-
"category": "slot"
|
|
573
|
-
},
|
|
574
|
-
"body": {
|
|
575
|
-
"type": "Body content",
|
|
576
|
-
"description": "Slot content for \"body\". Accepts nodes, arrays, or render functions.",
|
|
577
|
-
"default": null,
|
|
578
|
-
"values": null,
|
|
579
|
-
"category": "slot"
|
|
580
|
-
},
|
|
581
|
-
"footer": {
|
|
582
|
-
"type": "Footer content",
|
|
583
|
-
"description": "Slot for footer content.",
|
|
584
|
-
"default": null,
|
|
585
|
-
"values": null,
|
|
586
|
-
"category": "slot"
|
|
587
|
-
},
|
|
588
|
-
"actions": {
|
|
589
|
-
"type": "Footer actions slot",
|
|
590
|
-
"description": "Slot for action buttons or links.",
|
|
591
|
-
"default": null,
|
|
592
|
-
"values": null,
|
|
593
|
-
"category": "slot"
|
|
594
|
-
},
|
|
595
|
-
"default": {
|
|
596
|
-
"type": "Fallback body content or raw card sections",
|
|
597
|
-
"description": "Primary content for the component.",
|
|
598
|
-
"default": null,
|
|
599
|
-
"values": null,
|
|
600
|
-
"category": "slot"
|
|
601
|
-
},
|
|
602
|
-
"iconRight": {
|
|
603
|
-
"type": "Header icon content",
|
|
604
|
-
"description": "Slot for right-aligned icon content."
|
|
605
|
-
}
|
|
60
|
+
"identifier": {"type": "Badge/top identifier content", "description": "Slot content for \"identifier\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
61
|
+
"cover": {"type": "Top visual/cover content", "description": "Slot content for \"cover\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
62
|
+
"media": {"type": "Media section above header/body", "description": "Slot content for \"media\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
63
|
+
"icon": {"type": "Header icon content", "description": "Slot for icon content.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "slot"},
|
|
64
|
+
"eyebrow": {"type": "Eyebrow/kicker content", "description": "Slot content for \"eyebrow\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
65
|
+
"title": {"type": "Card title content", "description": "Slot for title content.", "default": null, "values": null, "category": "slot"},
|
|
66
|
+
"subtitle": {"type": "Card subtitle content", "description": "Slot for subtitle content.", "default": null, "values": null, "category": "slot"},
|
|
67
|
+
"header": {"type": "Header support content", "description": "Slot for header content.", "default": null, "values": null, "category": "slot"},
|
|
68
|
+
"aside": {"type": "Right side header content", "description": "Slot for aside/secondary content.", "default": null, "values": null, "category": "slot"},
|
|
69
|
+
"body": {"type": "Body content", "description": "Slot content for \"body\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
70
|
+
"footer": {"type": "Footer content", "description": "Slot for footer content.", "default": null, "values": null, "category": "slot"},
|
|
71
|
+
"actions": {"type": "Footer actions slot", "description": "Slot for action buttons or links.", "default": null, "values": null, "category": "slot"},
|
|
72
|
+
"default": {"type": "Fallback body content or raw card sections", "description": "Primary content for the component.", "default": null, "values": null, "category": "slot"},
|
|
73
|
+
"iconRight": {"type": "Header icon content", "description": "Slot for right-aligned icon content."}
|
|
606
74
|
},
|
|
607
75
|
"returns": "HTMLDivElement"
|
|
608
76
|
}
|