jsswift 1.0.45 → 1.0.47
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/documentions/AI.md +85 -0
- package/dist/documentions/README.md +2 -0
- package/dist/documentions/ai-development.md +3 -1
- package/dist/documentions/components/alert.md +29 -493
- package/dist/documentions/components/app-shell.md +37 -524
- package/dist/documentions/components/avatar.md +47 -575
- package/dist/documentions/components/badge.md +27 -461
- package/dist/documentions/components/banner.md +35 -535
- package/dist/documentions/components/breadcrumbs.md +35 -518
- package/dist/documentions/components/btn.md +3 -21
- package/dist/documentions/components/button.md +3 -0
- package/dist/documentions/components/card-body.md +11 -328
- package/dist/documentions/components/card-footer.md +15 -367
- package/dist/documentions/components/card-header.md +15 -367
- package/dist/documentions/components/card.md +3 -19
- package/dist/documentions/components/checkbox.md +25 -456
- package/dist/documentions/components/chip.md +16 -393
- package/dist/documentions/components/col.md +57 -612
- package/dist/documentions/components/container.md +40 -535
- package/dist/documentions/components/context-menu.md +60 -696
- package/dist/documentions/components/date.md +56 -673
- package/dist/documentions/components/dialog.md +5 -21
- package/dist/documentions/components/drawer.md +48 -616
- package/dist/documentions/components/empty-state.md +28 -477
- package/dist/documentions/components/footer.md +42 -586
- package/dist/documentions/components/form-field.md +40 -568
- package/dist/documentions/components/form.md +7 -321
- package/dist/documentions/components/grid-col.md +42 -542
- package/dist/documentions/components/grid.md +40 -542
- package/dist/documentions/components/header.md +38 -547
- package/dist/documentions/components/icon.md +17 -370
- package/dist/documentions/components/input.md +4 -22
- package/dist/documentions/components/item.md +37 -533
- package/dist/documentions/components/kpi.md +34 -519
- package/dist/documentions/components/layout.md +81 -811
- package/dist/documentions/components/list.md +19 -405
- package/dist/documentions/components/loading-bar.md +58 -679
- package/dist/documentions/components/menu.md +62 -710
- package/dist/documentions/components/notify.md +34 -525
- package/dist/documentions/components/page.md +35 -526
- package/dist/documentions/components/pagination.md +3 -20
- package/dist/documentions/components/parallax.md +50 -633
- package/dist/documentions/components/popover.md +55 -661
- package/dist/documentions/components/progress.md +39 -554
- package/dist/documentions/components/radio.md +27 -470
- package/dist/documentions/components/rating.md +41 -574
- package/dist/documentions/components/route-tab.md +30 -491
- package/dist/documentions/components/row.md +35 -507
- package/dist/documentions/components/search.md +62 -723
- package/dist/documentions/components/select.md +17 -22
- package/dist/documentions/components/separator.md +7 -321
- package/dist/documentions/components/slider.md +49 -631
- package/dist/documentions/components/spacer.md +6 -314
- package/dist/documentions/components/spinner.md +25 -440
- package/dist/documentions/components/stat.md +32 -505
- package/dist/documentions/components/tab-panel.md +40 -563
- package/dist/documentions/components/table.md +3 -22
- package/dist/documentions/components/tabs.md +36 -538
- package/dist/documentions/components/time.md +29 -491
- package/dist/documentions/components/toggle.md +31 -498
- package/dist/documentions/components/toolbar.md +52 -640
- package/dist/documentions/components/tooltip.md +35 -535
- package/dist/documentions/knowledge-map.json +27 -2
- package/dist/documentions/reactivity.md +21 -7
- package/dist/documentions/ui/common-props.md +301 -0
- package/dist/jsswift.js +10544 -14103
- package/dist/jsswift.min.js +3 -3
- package/dist/min-jsswift.js +3 -3
- package/package.json +3 -2
|
@@ -1,508 +1,47 @@
|
|
|
1
1
|
# RouteTab
|
|
2
2
|
|
|
3
|
-
Exact JSswift UI
|
|
3
|
+
Exact JSswift UI contract. Shared definitions listed in `commonProps` are in [common props](../ui/common-props.md); all component-specific props, slots, events, and methods are below.
|
|
4
4
|
|
|
5
5
|
```json
|
|
6
6
|
{
|
|
7
7
|
"signature": "_.RouteTab(...children) | _.RouteTab(props, ...children)",
|
|
8
8
|
"props": {
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
"description": "Semantic color name used to style the component.",
|
|
30
|
-
"default": null,
|
|
31
|
-
"values": [
|
|
32
|
-
"primary",
|
|
33
|
-
"secondary",
|
|
34
|
-
"success",
|
|
35
|
-
"warning",
|
|
36
|
-
"danger",
|
|
37
|
-
"info",
|
|
38
|
-
"light",
|
|
39
|
-
"dark"
|
|
40
|
-
],
|
|
41
|
-
"category": "style"
|
|
42
|
-
},
|
|
43
|
-
"outline": {
|
|
44
|
-
"type": "boolean",
|
|
45
|
-
"description": "Uses outlined visual style.",
|
|
46
|
-
"default": false,
|
|
47
|
-
"values": [
|
|
48
|
-
"number",
|
|
49
|
-
"CSS units",
|
|
50
|
-
"xxs",
|
|
51
|
-
"xs",
|
|
52
|
-
"sm",
|
|
53
|
-
"md",
|
|
54
|
-
"lg",
|
|
55
|
-
"xl",
|
|
56
|
-
"xxl",
|
|
57
|
-
"xxxl"
|
|
58
|
-
],
|
|
59
|
-
"category": "style"
|
|
60
|
-
},
|
|
61
|
-
"clickable": {
|
|
62
|
-
"type": "boolean",
|
|
63
|
-
"description": "Enables pointer/hover styles and click handling on the component.",
|
|
64
|
-
"default": false,
|
|
65
|
-
"values": null,
|
|
66
|
-
"category": "behavior"
|
|
67
|
-
},
|
|
68
|
-
"padding": {
|
|
69
|
-
"type": "string|number",
|
|
70
|
-
"description": "Padding applied to the component root element.",
|
|
71
|
-
"default": null,
|
|
72
|
-
"values": [
|
|
73
|
-
"number",
|
|
74
|
-
"CSS units",
|
|
75
|
-
"xxs",
|
|
76
|
-
"xs",
|
|
77
|
-
"sm",
|
|
78
|
-
"md",
|
|
79
|
-
"lg",
|
|
80
|
-
"xl",
|
|
81
|
-
"xxl",
|
|
82
|
-
"xxxl"
|
|
83
|
-
],
|
|
84
|
-
"category": "layout"
|
|
85
|
-
},
|
|
86
|
-
"margin": {
|
|
87
|
-
"type": "string|number",
|
|
88
|
-
"description": "Margin applied to the component root element.",
|
|
89
|
-
"default": null,
|
|
90
|
-
"values": [
|
|
91
|
-
"number",
|
|
92
|
-
"CSS units",
|
|
93
|
-
"xxs",
|
|
94
|
-
"xs",
|
|
95
|
-
"sm",
|
|
96
|
-
"md",
|
|
97
|
-
"lg",
|
|
98
|
-
"xl",
|
|
99
|
-
"xxl",
|
|
100
|
-
"xxxl"
|
|
101
|
-
],
|
|
102
|
-
"category": "layout"
|
|
103
|
-
},
|
|
104
|
-
"width": {
|
|
105
|
-
"type": "string|number",
|
|
106
|
-
"description": "Explicit width (number interpreted as px or CSS length).",
|
|
107
|
-
"default": null,
|
|
108
|
-
"values": [
|
|
109
|
-
"number",
|
|
110
|
-
"CSS units",
|
|
111
|
-
"xxs",
|
|
112
|
-
"xs",
|
|
113
|
-
"sm",
|
|
114
|
-
"md",
|
|
115
|
-
"lg",
|
|
116
|
-
"xl",
|
|
117
|
-
"xxl",
|
|
118
|
-
"xxxl"
|
|
119
|
-
],
|
|
120
|
-
"category": "layout"
|
|
121
|
-
},
|
|
122
|
-
"minWidth": {
|
|
123
|
-
"type": "string|number",
|
|
124
|
-
"description": "Minimum width constraint (number interpreted as px or CSS length).",
|
|
125
|
-
"default": null,
|
|
126
|
-
"values": [
|
|
127
|
-
"number",
|
|
128
|
-
"CSS units",
|
|
129
|
-
"xxs",
|
|
130
|
-
"xs",
|
|
131
|
-
"sm",
|
|
132
|
-
"md",
|
|
133
|
-
"lg",
|
|
134
|
-
"xl",
|
|
135
|
-
"xxl",
|
|
136
|
-
"xxxl"
|
|
137
|
-
],
|
|
138
|
-
"category": "layout"
|
|
139
|
-
},
|
|
140
|
-
"maxWidth": {
|
|
141
|
-
"type": "string|number",
|
|
142
|
-
"description": "Maximum width constraint (number interpreted as px or CSS length).",
|
|
143
|
-
"default": null,
|
|
144
|
-
"values": [
|
|
145
|
-
"number",
|
|
146
|
-
"CSS units",
|
|
147
|
-
"xxs",
|
|
148
|
-
"xs",
|
|
149
|
-
"sm",
|
|
150
|
-
"md",
|
|
151
|
-
"lg",
|
|
152
|
-
"xl",
|
|
153
|
-
"xxl",
|
|
154
|
-
"xxxl"
|
|
155
|
-
],
|
|
156
|
-
"category": "layout"
|
|
157
|
-
},
|
|
158
|
-
"height": {
|
|
159
|
-
"type": "string|number",
|
|
160
|
-
"description": "Explicit height (number interpreted as px or CSS length).",
|
|
161
|
-
"default": null,
|
|
162
|
-
"values": [
|
|
163
|
-
"number",
|
|
164
|
-
"CSS units",
|
|
165
|
-
"xxs",
|
|
166
|
-
"xs",
|
|
167
|
-
"sm",
|
|
168
|
-
"md",
|
|
169
|
-
"lg",
|
|
170
|
-
"xl",
|
|
171
|
-
"xxl",
|
|
172
|
-
"xxxl"
|
|
173
|
-
],
|
|
174
|
-
"category": "layout"
|
|
175
|
-
},
|
|
176
|
-
"minHeight": {
|
|
177
|
-
"type": "string|number",
|
|
178
|
-
"description": "Minimum height constraint (number interpreted as px or CSS length).",
|
|
179
|
-
"default": null,
|
|
180
|
-
"values": [
|
|
181
|
-
"number",
|
|
182
|
-
"CSS units",
|
|
183
|
-
"xxs",
|
|
184
|
-
"xs",
|
|
185
|
-
"sm",
|
|
186
|
-
"md",
|
|
187
|
-
"lg",
|
|
188
|
-
"xl",
|
|
189
|
-
"xxl",
|
|
190
|
-
"xxxl"
|
|
191
|
-
],
|
|
192
|
-
"category": "layout"
|
|
193
|
-
},
|
|
194
|
-
"maxHeight": {
|
|
195
|
-
"type": "string|number",
|
|
196
|
-
"description": "Maximum height constraint (number interpreted as px or CSS length).",
|
|
197
|
-
"default": null,
|
|
198
|
-
"values": [
|
|
199
|
-
"number",
|
|
200
|
-
"CSS units",
|
|
201
|
-
"xxs",
|
|
202
|
-
"xs",
|
|
203
|
-
"sm",
|
|
204
|
-
"md",
|
|
205
|
-
"lg",
|
|
206
|
-
"xl",
|
|
207
|
-
"xxl",
|
|
208
|
-
"xxxl"
|
|
209
|
-
],
|
|
210
|
-
"category": "layout"
|
|
211
|
-
},
|
|
212
|
-
"radius": {
|
|
213
|
-
"type": "string|number",
|
|
214
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
215
|
-
"default": null,
|
|
216
|
-
"values": [
|
|
217
|
-
"number",
|
|
218
|
-
"CSS units",
|
|
219
|
-
"xxs",
|
|
220
|
-
"xs",
|
|
221
|
-
"sm",
|
|
222
|
-
"md",
|
|
223
|
-
"lg",
|
|
224
|
-
"xl",
|
|
225
|
-
"xxl",
|
|
226
|
-
"xxxl"
|
|
227
|
-
],
|
|
228
|
-
"category": "style"
|
|
229
|
-
},
|
|
230
|
-
"borderRadius": {
|
|
231
|
-
"type": "string|number",
|
|
232
|
-
"description": "Border radius token or CSS length applied to the component.",
|
|
233
|
-
"default": null,
|
|
234
|
-
"values": [
|
|
235
|
-
"number",
|
|
236
|
-
"CSS units",
|
|
237
|
-
"xxs",
|
|
238
|
-
"xs",
|
|
239
|
-
"sm",
|
|
240
|
-
"md",
|
|
241
|
-
"lg",
|
|
242
|
-
"xl",
|
|
243
|
-
"xxl",
|
|
244
|
-
"xxxl"
|
|
245
|
-
],
|
|
246
|
-
"category": "style"
|
|
247
|
-
},
|
|
248
|
-
"shadow": {
|
|
249
|
-
"type": "string|boolean",
|
|
250
|
-
"description": "Shadow token or CSS box-shadow string applied to the component.",
|
|
251
|
-
"default": null,
|
|
252
|
-
"values": [
|
|
253
|
-
"none",
|
|
254
|
-
"xxs",
|
|
255
|
-
"xs",
|
|
256
|
-
"sm",
|
|
257
|
-
"md",
|
|
258
|
-
"lg",
|
|
259
|
-
"xl",
|
|
260
|
-
"xxl",
|
|
261
|
-
"xxxl"
|
|
262
|
-
],
|
|
263
|
-
"category": "style"
|
|
264
|
-
},
|
|
265
|
-
"mobile": {
|
|
266
|
-
"type": "object",
|
|
267
|
-
"description": "Responsive overrides applied at the base/mobile viewport.",
|
|
268
|
-
"default": null,
|
|
269
|
-
"values": null,
|
|
270
|
-
"category": "layout"
|
|
271
|
-
},
|
|
272
|
-
"tablet": {
|
|
273
|
-
"type": "object",
|
|
274
|
-
"description": "Responsive overrides applied from the tablet breakpoint upward.",
|
|
275
|
-
"default": null,
|
|
276
|
-
"values": null,
|
|
277
|
-
"category": "layout"
|
|
278
|
-
},
|
|
279
|
-
"pc": {
|
|
280
|
-
"type": "object",
|
|
281
|
-
"description": "Responsive overrides applied from the desktop breakpoint upward.",
|
|
282
|
-
"default": null,
|
|
283
|
-
"values": null,
|
|
284
|
-
"category": "layout"
|
|
285
|
-
},
|
|
286
|
-
"class": {
|
|
287
|
-
"type": "string",
|
|
288
|
-
"description": "Additional CSS classes applied to the component root element.",
|
|
289
|
-
"default": null,
|
|
290
|
-
"values": null,
|
|
291
|
-
"category": "style"
|
|
292
|
-
},
|
|
293
|
-
"style": {
|
|
294
|
-
"type": "object",
|
|
295
|
-
"description": "Inline styles applied to the component root element.",
|
|
296
|
-
"default": null,
|
|
297
|
-
"values": null,
|
|
298
|
-
"category": "style"
|
|
299
|
-
},
|
|
300
|
-
"label": {
|
|
301
|
-
"type": "String|Node|Function|Array",
|
|
302
|
-
"description": "Label text or node for the component.",
|
|
303
|
-
"default": null,
|
|
304
|
-
"values": null,
|
|
305
|
-
"category": "general"
|
|
306
|
-
},
|
|
307
|
-
"to": {
|
|
308
|
-
"type": "string",
|
|
309
|
-
"description": "Navigation target/route to open on click.",
|
|
310
|
-
"default": null,
|
|
311
|
-
"values": null,
|
|
312
|
-
"category": "general"
|
|
313
|
-
},
|
|
314
|
-
"href": {
|
|
315
|
-
"type": "string",
|
|
316
|
-
"description": "Component configuration for \"href\". When not handled internally, it is forwarded to the root element.",
|
|
317
|
-
"default": null,
|
|
318
|
-
"values": null,
|
|
319
|
-
"category": "general"
|
|
320
|
-
},
|
|
321
|
-
"active": {
|
|
322
|
-
"type": "boolean",
|
|
323
|
-
"description": "Marks the item as active/selected and applies active styling/ARIA when relevant.",
|
|
324
|
-
"default": null,
|
|
325
|
-
"values": null,
|
|
326
|
-
"category": "state"
|
|
327
|
-
},
|
|
328
|
-
"selected": {
|
|
329
|
-
"type": "Alias of active",
|
|
330
|
-
"description": "Component configuration for \"selected\". When not handled internally, it is forwarded to the root element.",
|
|
331
|
-
"default": null,
|
|
332
|
-
"values": null,
|
|
333
|
-
"category": "general"
|
|
334
|
-
},
|
|
335
|
-
"match": {
|
|
336
|
-
"type": "\"exact\"|\"startsWith\"|RegExp|Function|string",
|
|
337
|
-
"description": "Component configuration for \"match\". When not handled internally, it is forwarded to the root element.",
|
|
338
|
-
"default": null,
|
|
339
|
-
"values": null,
|
|
340
|
-
"category": "general"
|
|
341
|
-
},
|
|
342
|
-
"matchMode": {
|
|
343
|
-
"type": "\"exact\"|\"startsWith\"",
|
|
344
|
-
"description": "Component configuration for \"matchMode\". When not handled internally, it is forwarded to the root element.",
|
|
345
|
-
"default": null,
|
|
346
|
-
"values": null,
|
|
347
|
-
"category": "general"
|
|
348
|
-
},
|
|
349
|
-
"exact": {
|
|
350
|
-
"type": "boolean",
|
|
351
|
-
"description": "Component configuration for \"exact\". When not handled internally, it is forwarded to the root element.",
|
|
352
|
-
"default": null,
|
|
353
|
-
"values": null,
|
|
354
|
-
"category": "general"
|
|
355
|
-
},
|
|
356
|
-
"startsWith": {
|
|
357
|
-
"type": "boolean",
|
|
358
|
-
"description": "Component configuration for \"startsWith\". When not handled internally, it is forwarded to the root element.",
|
|
359
|
-
"default": null,
|
|
360
|
-
"values": null,
|
|
361
|
-
"category": "general"
|
|
362
|
-
},
|
|
363
|
-
"note": {
|
|
364
|
-
"type": "String|Node|Function|Array",
|
|
365
|
-
"description": "Secondary note text.",
|
|
366
|
-
"default": null,
|
|
367
|
-
"values": null,
|
|
368
|
-
"category": "state"
|
|
369
|
-
},
|
|
370
|
-
"badge": {
|
|
371
|
-
"type": "String|Node|Function|Array",
|
|
372
|
-
"description": "Component configuration for \"badge\". When not handled internally, it is forwarded to the root element.",
|
|
373
|
-
"default": null,
|
|
374
|
-
"values": null,
|
|
375
|
-
"category": "general"
|
|
376
|
-
},
|
|
377
|
-
"icon": {
|
|
378
|
-
"type": "String|Node|Function|Array",
|
|
379
|
-
"description": "Icon name or node rendered with the component.",
|
|
380
|
-
"default": null,
|
|
381
|
-
"values": [
|
|
382
|
-
"#name_tabler",
|
|
383
|
-
"name_material",
|
|
384
|
-
"class"
|
|
385
|
-
],
|
|
386
|
-
"category": "general"
|
|
387
|
-
},
|
|
388
|
-
"iconRight": {
|
|
389
|
-
"type": "String|Node|Function|Array",
|
|
390
|
-
"description": "Icon name or node rendered on the right side of the component.",
|
|
391
|
-
"default": null,
|
|
392
|
-
"values": [
|
|
393
|
-
"#name_tabler",
|
|
394
|
-
"name_material",
|
|
395
|
-
"class"
|
|
396
|
-
],
|
|
397
|
-
"category": "general"
|
|
398
|
-
},
|
|
399
|
-
"aside": {
|
|
400
|
-
"type": "Node|Function|Array",
|
|
401
|
-
"description": "Content or configuration for the aside/secondary region.",
|
|
402
|
-
"default": null,
|
|
403
|
-
"values": null,
|
|
404
|
-
"category": "general"
|
|
405
|
-
},
|
|
406
|
-
"variant": {
|
|
407
|
-
"type": "\"line\"|\"pills\"|\"soft\"",
|
|
408
|
-
"description": "Component configuration for \"variant\". When not handled internally, it is forwarded to the root element.",
|
|
409
|
-
"default": null,
|
|
410
|
-
"values": null,
|
|
411
|
-
"category": "general"
|
|
412
|
-
},
|
|
413
|
-
"disabled": {
|
|
414
|
-
"type": "boolean",
|
|
415
|
-
"description": "Disables interaction and applies disabled styling/ARIA.",
|
|
416
|
-
"default": false,
|
|
417
|
-
"values": null,
|
|
418
|
-
"category": "state"
|
|
419
|
-
},
|
|
420
|
-
"block": {
|
|
421
|
-
"type": "boolean",
|
|
422
|
-
"description": "Component configuration for \"block\". When not handled internally, it is forwarded to the root element.",
|
|
423
|
-
"default": null,
|
|
424
|
-
"values": null,
|
|
425
|
-
"category": "general"
|
|
426
|
-
},
|
|
427
|
-
"state": {
|
|
428
|
-
"type": "string",
|
|
429
|
-
"description": "Component configuration for \"state\". When not handled internally, it is forwarded to the root element.",
|
|
430
|
-
"default": null,
|
|
431
|
-
"values": null,
|
|
432
|
-
"category": "general"
|
|
433
|
-
},
|
|
434
|
-
"slots": {
|
|
435
|
-
"type": "{ icon?, label?, note?, badge?, aside?, default? }",
|
|
436
|
-
"description": "Named slots map for render overrides.",
|
|
437
|
-
"default": null,
|
|
438
|
-
"values": null,
|
|
439
|
-
"category": "general"
|
|
440
|
-
},
|
|
441
|
-
"children": {
|
|
442
|
-
"type": "Node|Array|Function",
|
|
443
|
-
"description": "Default child content (nodes, arrays, or render function).",
|
|
444
|
-
"default": null,
|
|
445
|
-
"values": null,
|
|
446
|
-
"category": "general"
|
|
447
|
-
}
|
|
9
|
+
"label": {"type": "String|Node|Function|Array", "description": "Label text or node for the component.", "default": null, "values": null, "category": "general"},
|
|
10
|
+
"to": {"type": "string", "description": "Navigation target/route to open on click.", "default": null, "values": null, "category": "general"},
|
|
11
|
+
"href": {"type": "string", "description": "Component configuration for \"href\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
12
|
+
"active": {"type": "boolean", "description": "Marks the item as active/selected and applies active styling/ARIA when relevant.", "default": null, "values": null, "category": "state"},
|
|
13
|
+
"selected": {"type": "Alias of active", "description": "Component configuration for \"selected\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
14
|
+
"match": {"type": "\"exact\"|\"startsWith\"|RegExp|Function|string", "description": "Component configuration for \"match\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
15
|
+
"matchMode": {"type": "\"exact\"|\"startsWith\"", "description": "Component configuration for \"matchMode\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
16
|
+
"exact": {"type": "boolean", "description": "Component configuration for \"exact\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
17
|
+
"startsWith": {"type": "boolean", "description": "Component configuration for \"startsWith\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
18
|
+
"note": {"type": "String|Node|Function|Array", "description": "Secondary note text.", "default": null, "values": null, "category": "state"},
|
|
19
|
+
"badge": {"type": "String|Node|Function|Array", "description": "Component configuration for \"badge\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
20
|
+
"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"},
|
|
21
|
+
"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"},
|
|
22
|
+
"aside": {"type": "Node|Function|Array", "description": "Content or configuration for the aside/secondary region.", "default": null, "values": null, "category": "general"},
|
|
23
|
+
"variant": {"type": "\"line\"|\"pills\"|\"soft\"", "description": "Component configuration for \"variant\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
24
|
+
"disabled": {"type": "boolean", "description": "Disables interaction and applies disabled styling/ARIA.", "default": false, "values": null, "category": "state"},
|
|
25
|
+
"block": {"type": "boolean", "description": "Component configuration for \"block\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
26
|
+
"state": {"type": "string", "description": "Component configuration for \"state\". When not handled internally, it is forwarded to the root element.", "default": null, "values": null, "category": "general"},
|
|
27
|
+
"slots": {"type": "{ icon?, label?, note?, badge?, aside?, default? }", "description": "Named slots map for render overrides.", "default": null, "values": null, "category": "general"},
|
|
28
|
+
"children": {"type": "Node|Array|Function", "description": "Default child content (nodes, arrays, or render function).", "default": null, "values": null, "category": "general"}
|
|
448
29
|
},
|
|
449
30
|
"slots": {
|
|
450
|
-
"icon": {
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
"class"
|
|
458
|
-
],
|
|
459
|
-
"category": "slot"
|
|
460
|
-
},
|
|
461
|
-
"label": {
|
|
462
|
-
"type": "Main label content",
|
|
463
|
-
"description": "Slot for label content.",
|
|
464
|
-
"default": null,
|
|
465
|
-
"values": null,
|
|
466
|
-
"category": "slot"
|
|
467
|
-
},
|
|
468
|
-
"note": {
|
|
469
|
-
"type": "Secondary note/caption",
|
|
470
|
-
"description": "Slot for note/secondary text.",
|
|
471
|
-
"default": null,
|
|
472
|
-
"values": null,
|
|
473
|
-
"category": "state"
|
|
474
|
-
},
|
|
475
|
-
"badge": {
|
|
476
|
-
"type": "Badge / counter area",
|
|
477
|
-
"description": "Slot content for \"badge\". Accepts nodes, arrays, or render functions.",
|
|
478
|
-
"default": null,
|
|
479
|
-
"values": null,
|
|
480
|
-
"category": "slot"
|
|
481
|
-
},
|
|
482
|
-
"aside": {
|
|
483
|
-
"type": "Trailing visual/action area",
|
|
484
|
-
"description": "Slot for aside/secondary content.",
|
|
485
|
-
"default": null,
|
|
486
|
-
"values": null,
|
|
487
|
-
"category": "slot"
|
|
488
|
-
},
|
|
489
|
-
"default": {
|
|
490
|
-
"type": "Extra content under the note",
|
|
491
|
-
"description": "Primary content for the component.",
|
|
492
|
-
"default": null,
|
|
493
|
-
"values": null,
|
|
494
|
-
"category": "slot"
|
|
495
|
-
},
|
|
496
|
-
"iconRight": {
|
|
497
|
-
"type": "Leading icon content",
|
|
498
|
-
"description": "Slot for right-aligned icon content."
|
|
499
|
-
}
|
|
31
|
+
"icon": {"type": "Leading icon content", "description": "Slot for icon content.", "default": null, "values": ["#name_tabler", "name_material", "class"], "category": "slot"},
|
|
32
|
+
"label": {"type": "Main label content", "description": "Slot for label content.", "default": null, "values": null, "category": "slot"},
|
|
33
|
+
"note": {"type": "Secondary note/caption", "description": "Slot for note/secondary text.", "default": null, "values": null, "category": "state"},
|
|
34
|
+
"badge": {"type": "Badge / counter area", "description": "Slot content for \"badge\". Accepts nodes, arrays, or render functions.", "default": null, "values": null, "category": "slot"},
|
|
35
|
+
"aside": {"type": "Trailing visual/action area", "description": "Slot for aside/secondary content.", "default": null, "values": null, "category": "slot"},
|
|
36
|
+
"default": {"type": "Extra content under the note", "description": "Primary content for the component.", "default": null, "values": null, "category": "slot"},
|
|
37
|
+
"iconRight": {"type": "Leading icon content", "description": "Slot for right-aligned icon content."}
|
|
500
38
|
},
|
|
501
39
|
"events": {
|
|
502
40
|
"onClick": "MouseEvent",
|
|
503
41
|
"onNavigate": "(to, event)"
|
|
504
42
|
},
|
|
505
43
|
"returns": "HTMLAnchorElement con ._isActive(), ._setActive(boolean|null), ._navigate(event?)",
|
|
506
|
-
"description": "Standardized tab/link for router or href navigation, with structured slots, states, and badges."
|
|
44
|
+
"description": "Standardized tab/link for router or href navigation, with structured slots, states, and badges.",
|
|
45
|
+
"commonProps": {"path": "ui/common-props.md", "keys": ["size", "color", "outline", "clickable", "padding", "margin", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "borderRadius", "shadow", "mobile", "tablet", "pc", "class", "style"]}
|
|
507
46
|
}
|
|
508
47
|
```
|