@payfit/unity-components 2.57.4 → 2.58.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.
|
@@ -4,7 +4,14 @@
|
|
|
4
4
|
"description": "Groups high-priority page actions in a responsive toolbar for bulk or contextual workflows.",
|
|
5
5
|
"docsHref": "?path=/docs/component-reference-actionbar--docs",
|
|
6
6
|
"id": "component-reference-actionbar",
|
|
7
|
-
"keywords": [
|
|
7
|
+
"keywords": [
|
|
8
|
+
"action-bar",
|
|
9
|
+
"action",
|
|
10
|
+
"bar",
|
|
11
|
+
"Bulk action bar",
|
|
12
|
+
"Contextual action bar",
|
|
13
|
+
"Toolbar"
|
|
14
|
+
],
|
|
8
15
|
"preview": {
|
|
9
16
|
"type": "story",
|
|
10
17
|
"story": "default",
|
|
@@ -19,7 +26,7 @@
|
|
|
19
26
|
"description": "Turns custom content into an accessible press target without changing its layout or visual structure.",
|
|
20
27
|
"docsHref": "?path=/docs/component-reference-actionable--docs",
|
|
21
28
|
"id": "component-reference-actionable",
|
|
22
|
-
"keywords": ["actionable"],
|
|
29
|
+
"keywords": ["actionable", "Pressable", "Clickable"],
|
|
23
30
|
"preview": {
|
|
24
31
|
"type": "story",
|
|
25
32
|
"story": "primary",
|
|
@@ -34,7 +41,14 @@
|
|
|
34
41
|
"description": "Alerts communicate important contextual information, status, or calls to action.",
|
|
35
42
|
"docsHref": "?path=/docs/component-reference-alert--docs",
|
|
36
43
|
"id": "component-reference-alert",
|
|
37
|
-
"keywords": [
|
|
44
|
+
"keywords": [
|
|
45
|
+
"message",
|
|
46
|
+
"notice",
|
|
47
|
+
"status",
|
|
48
|
+
"banner",
|
|
49
|
+
"information",
|
|
50
|
+
"Inline notification"
|
|
51
|
+
],
|
|
38
52
|
"preview": {
|
|
39
53
|
"type": "story",
|
|
40
54
|
"story": "default",
|
|
@@ -55,7 +69,7 @@
|
|
|
55
69
|
"description": "Position a small element relative to a bigger element in any of its corners",
|
|
56
70
|
"docsHref": "?path=/docs/component-reference-anchor--docs",
|
|
57
71
|
"id": "component-reference-anchor",
|
|
58
|
-
"keywords": ["anchor"],
|
|
72
|
+
"keywords": ["anchor", "Corner anchor", "Overlay anchor"],
|
|
59
73
|
"preview": {
|
|
60
74
|
"type": "story",
|
|
61
75
|
"story": "primary",
|
|
@@ -70,7 +84,13 @@
|
|
|
70
84
|
"description": "Provides the app shell structure for side navigation, top bars, and main page content.",
|
|
71
85
|
"docsHref": "?path=/docs/component-reference-applayout--docs",
|
|
72
86
|
"id": "component-reference-applayout",
|
|
73
|
-
"keywords": [
|
|
87
|
+
"keywords": [
|
|
88
|
+
"app-layout",
|
|
89
|
+
"app",
|
|
90
|
+
"layout",
|
|
91
|
+
"App shell",
|
|
92
|
+
"Application shell"
|
|
93
|
+
],
|
|
74
94
|
"preview": {
|
|
75
95
|
"type": "story",
|
|
76
96
|
"story": "default",
|
|
@@ -86,7 +106,14 @@
|
|
|
86
106
|
"description": "Builds product navigation menus with grouped items, active states, and space-specific actions.",
|
|
87
107
|
"docsHref": "?path=/docs/component-reference-appmenu--docs",
|
|
88
108
|
"id": "component-reference-appmenu",
|
|
89
|
-
"keywords": [
|
|
109
|
+
"keywords": [
|
|
110
|
+
"app-menu",
|
|
111
|
+
"app",
|
|
112
|
+
"menu",
|
|
113
|
+
"Sidebar navigation",
|
|
114
|
+
"Side navigation",
|
|
115
|
+
"Navigation menu"
|
|
116
|
+
],
|
|
90
117
|
"preview": {
|
|
91
118
|
"type": "image",
|
|
92
119
|
"src": "/catalog/appmenu-preview.png",
|
|
@@ -108,7 +135,12 @@
|
|
|
108
135
|
"description": "Combines text search and option selection for quickly finding one value from a filtered list.",
|
|
109
136
|
"docsHref": "?path=/docs/component-reference-autocomplete--docs",
|
|
110
137
|
"id": "component-reference-autocomplete",
|
|
111
|
-
"keywords": [
|
|
138
|
+
"keywords": [
|
|
139
|
+
"autocomplete",
|
|
140
|
+
"Combobox",
|
|
141
|
+
"Searchable select",
|
|
142
|
+
"Typeahead"
|
|
143
|
+
],
|
|
112
144
|
"preview": {
|
|
113
145
|
"type": "story",
|
|
114
146
|
"story": "default",
|
|
@@ -128,7 +160,15 @@
|
|
|
128
160
|
"description": "Avatars represent people, companies, or entities with initials, icons, or images.",
|
|
129
161
|
"docsHref": "?path=/docs/component-reference-avatar--docs",
|
|
130
162
|
"id": "component-reference-avatar",
|
|
131
|
-
"keywords": [
|
|
163
|
+
"keywords": [
|
|
164
|
+
"person",
|
|
165
|
+
"profile",
|
|
166
|
+
"user",
|
|
167
|
+
"company",
|
|
168
|
+
"identity",
|
|
169
|
+
"Profile picture",
|
|
170
|
+
"User avatar"
|
|
171
|
+
],
|
|
132
172
|
"preview": {
|
|
133
173
|
"type": "story",
|
|
134
174
|
"story": "with-image",
|
|
@@ -149,7 +189,7 @@
|
|
|
149
189
|
"description": "Labels statuses, counts, or metadata with compact contextual styling and optional icons.",
|
|
150
190
|
"docsHref": "?path=/docs/component-reference-badge--docs",
|
|
151
191
|
"id": "component-reference-badge",
|
|
152
|
-
"keywords": ["badge"],
|
|
192
|
+
"keywords": ["badge", "Status badge", "Count badge"],
|
|
153
193
|
"preview": {
|
|
154
194
|
"type": "story",
|
|
155
195
|
"story": "primary",
|
|
@@ -164,7 +204,13 @@
|
|
|
164
204
|
"description": "Displays mobile-first modal content from the bottom of the viewport for focused tasks.",
|
|
165
205
|
"docsHref": "?path=/docs/component-reference-bottomsheet--docs",
|
|
166
206
|
"id": "component-reference-bottomsheet",
|
|
167
|
-
"keywords": [
|
|
207
|
+
"keywords": [
|
|
208
|
+
"bottom-sheet",
|
|
209
|
+
"bottom",
|
|
210
|
+
"sheet",
|
|
211
|
+
"Bottom drawer",
|
|
212
|
+
"Mobile sheet"
|
|
213
|
+
],
|
|
168
214
|
"preview": {
|
|
169
215
|
"type": "image",
|
|
170
216
|
"src": "/catalog/bottomsheet-preview.png",
|
|
@@ -184,7 +230,12 @@
|
|
|
184
230
|
"description": "Breadcrumbs integrates Unity with TanStack Router navigation patterns.",
|
|
185
231
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-breadcrumb--docs",
|
|
186
232
|
"id": "library-integrations-reference-tanstack-router-breadcrumb",
|
|
187
|
-
"keywords": [
|
|
233
|
+
"keywords": [
|
|
234
|
+
"tanstack-router",
|
|
235
|
+
"breadcrumbs",
|
|
236
|
+
"RouterBreadcrumbs",
|
|
237
|
+
"TanStack Router Breadcrumbs"
|
|
238
|
+
],
|
|
188
239
|
"preview": {
|
|
189
240
|
"type": "story",
|
|
190
241
|
"story": "default",
|
|
@@ -203,7 +254,13 @@
|
|
|
203
254
|
"description": "Turns the current page hierarchy into compact parent links for backtracking across nested routes.",
|
|
204
255
|
"docsHref": "?path=/docs/component-reference-breadcrumbs--docs",
|
|
205
256
|
"id": "component-reference-breadcrumbs",
|
|
206
|
-
"keywords": [
|
|
257
|
+
"keywords": [
|
|
258
|
+
"breadcrumbs",
|
|
259
|
+
"dynamic-breadcrumbs",
|
|
260
|
+
"dynamic",
|
|
261
|
+
"Breadcrumb trail",
|
|
262
|
+
"Breadcrumb navigation"
|
|
263
|
+
],
|
|
207
264
|
"preview": {
|
|
208
265
|
"type": "story",
|
|
209
266
|
"story": "default",
|
|
@@ -219,7 +276,14 @@
|
|
|
219
276
|
"description": "Buttons allow users to take actions, and make choices, with a single tap.",
|
|
220
277
|
"docsHref": "?path=/docs/component-reference-button--docs",
|
|
221
278
|
"id": "component-reference-button",
|
|
222
|
-
"keywords": [
|
|
279
|
+
"keywords": [
|
|
280
|
+
"action",
|
|
281
|
+
"cta",
|
|
282
|
+
"submit",
|
|
283
|
+
"confirm",
|
|
284
|
+
"trigger",
|
|
285
|
+
"Action button"
|
|
286
|
+
],
|
|
223
287
|
"preview": {
|
|
224
288
|
"type": "story",
|
|
225
289
|
"story": "default",
|
|
@@ -239,7 +303,7 @@
|
|
|
239
303
|
"description": "Frames related content and actions in a reusable surface with consistent spacing and borders.",
|
|
240
304
|
"docsHref": "?path=/docs/component-reference-card--docs",
|
|
241
305
|
"id": "component-reference-card",
|
|
242
|
-
"keywords": ["card"],
|
|
306
|
+
"keywords": ["card", "Content card", "Surface", "Panel"],
|
|
243
307
|
"preview": {
|
|
244
308
|
"type": "story",
|
|
245
309
|
"story": "default",
|
|
@@ -254,7 +318,7 @@
|
|
|
254
318
|
"description": "Present related content in a horizontally scrollable region with navigation controls.",
|
|
255
319
|
"docsHref": "?path=/docs/component-reference-carousel--docs",
|
|
256
320
|
"id": "component-reference-carousel",
|
|
257
|
-
"keywords": ["carousel"],
|
|
321
|
+
"keywords": ["carousel", "Slider", "Content slider"],
|
|
258
322
|
"preview": {
|
|
259
323
|
"type": "story",
|
|
260
324
|
"story": "default",
|
|
@@ -270,7 +334,7 @@
|
|
|
270
334
|
"description": "Lets users toggle a single boolean option in forms or settings.",
|
|
271
335
|
"docsHref": "?path=/docs/component-reference-checkbox--docs",
|
|
272
336
|
"id": "component-reference-checkbox",
|
|
273
|
-
"keywords": ["checkbox"],
|
|
337
|
+
"keywords": ["checkbox", "Tickbox"],
|
|
274
338
|
"preview": {
|
|
275
339
|
"type": "story",
|
|
276
340
|
"story": "primary",
|
|
@@ -295,7 +359,9 @@
|
|
|
295
359
|
"tanstack-checkbox-field",
|
|
296
360
|
"tanstack",
|
|
297
361
|
"checkbox",
|
|
298
|
-
"field"
|
|
362
|
+
"field",
|
|
363
|
+
"TanStackCheckboxField",
|
|
364
|
+
"Form checkbox"
|
|
299
365
|
],
|
|
300
366
|
"preview": {
|
|
301
367
|
"type": "story",
|
|
@@ -317,7 +383,13 @@
|
|
|
317
383
|
"description": "Groups related checkboxes so users can select multiple options from one set.",
|
|
318
384
|
"docsHref": "?path=/docs/component-reference-checkboxgroup--docs",
|
|
319
385
|
"id": "component-reference-checkboxgroup",
|
|
320
|
-
"keywords": [
|
|
386
|
+
"keywords": [
|
|
387
|
+
"checkbox-group",
|
|
388
|
+
"checkbox",
|
|
389
|
+
"group",
|
|
390
|
+
"Multi-checkbox group",
|
|
391
|
+
"Checkbox list"
|
|
392
|
+
],
|
|
321
393
|
"preview": {
|
|
322
394
|
"type": "story",
|
|
323
395
|
"story": "default",
|
|
@@ -344,7 +416,9 @@
|
|
|
344
416
|
"tanstack",
|
|
345
417
|
"check",
|
|
346
418
|
"group",
|
|
347
|
-
"field"
|
|
419
|
+
"field",
|
|
420
|
+
"TanStackCheckboxGroupField",
|
|
421
|
+
"Form checkbox group"
|
|
348
422
|
],
|
|
349
423
|
"preview": {
|
|
350
424
|
"type": "story",
|
|
@@ -373,7 +447,9 @@
|
|
|
373
447
|
"tanstack-checkbox-group",
|
|
374
448
|
"tanstack",
|
|
375
449
|
"checkbox",
|
|
376
|
-
"group"
|
|
450
|
+
"group",
|
|
451
|
+
"TanStackCheckboxGroup",
|
|
452
|
+
"Bound checkbox group"
|
|
377
453
|
],
|
|
378
454
|
"preview": {
|
|
379
455
|
"type": "story",
|
|
@@ -397,7 +473,13 @@
|
|
|
397
473
|
"description": "Binds a checkbox to TanStack Form state for a single boolean value.",
|
|
398
474
|
"docsHref": "?path=/docs/forms-reference-checkboxinput--docs",
|
|
399
475
|
"id": "forms-reference-checkboxinput",
|
|
400
|
-
"keywords": [
|
|
476
|
+
"keywords": [
|
|
477
|
+
"checkbox",
|
|
478
|
+
"tanstack-checkbox",
|
|
479
|
+
"tanstack",
|
|
480
|
+
"TanStackCheckbox",
|
|
481
|
+
"Bound checkbox"
|
|
482
|
+
],
|
|
401
483
|
"preview": {
|
|
402
484
|
"type": "story",
|
|
403
485
|
"story": "default",
|
|
@@ -424,7 +506,9 @@
|
|
|
424
506
|
"circular-icon-button",
|
|
425
507
|
"circular",
|
|
426
508
|
"icon",
|
|
427
|
-
"button"
|
|
509
|
+
"button",
|
|
510
|
+
"Round icon button",
|
|
511
|
+
"Circle button"
|
|
428
512
|
],
|
|
429
513
|
"preview": {
|
|
430
514
|
"type": "story",
|
|
@@ -440,7 +524,7 @@
|
|
|
440
524
|
"description": "Displays inline code, technical values, or short tokens with monospace styling.",
|
|
441
525
|
"docsHref": "?path=/docs/component-reference-code--docs",
|
|
442
526
|
"id": "component-reference-code",
|
|
443
|
-
"keywords": ["code"],
|
|
527
|
+
"keywords": ["code", "InlineCode", "Code text"],
|
|
444
528
|
"preview": {
|
|
445
529
|
"type": "story",
|
|
446
530
|
"story": "default",
|
|
@@ -455,7 +539,7 @@
|
|
|
455
539
|
"description": "Creates disclosure sections for optional details without sending users to another page.",
|
|
456
540
|
"docsHref": "?path=/docs/component-reference-collapsible--docs",
|
|
457
541
|
"id": "component-reference-collapsible",
|
|
458
|
-
"keywords": ["collapsible"],
|
|
542
|
+
"keywords": ["collapsible", "Disclosure", "Expandable section"],
|
|
459
543
|
"preview": {
|
|
460
544
|
"type": "story",
|
|
461
545
|
"story": "default",
|
|
@@ -475,7 +559,13 @@
|
|
|
475
559
|
"description": "Coordinates related disclosure sections as one accessible accordion with shared expanded state.",
|
|
476
560
|
"docsHref": "?path=/docs/component-reference-collapsiblegroup--docs",
|
|
477
561
|
"id": "component-reference-collapsiblegroup",
|
|
478
|
-
"keywords": [
|
|
562
|
+
"keywords": [
|
|
563
|
+
"collapsible",
|
|
564
|
+
"accordion",
|
|
565
|
+
"disclosure",
|
|
566
|
+
"group",
|
|
567
|
+
"Disclosure group"
|
|
568
|
+
],
|
|
479
569
|
"preview": {
|
|
480
570
|
"type": "story",
|
|
481
571
|
"story": "default",
|
|
@@ -490,7 +580,14 @@
|
|
|
490
580
|
"description": "Data Grid with sorting, pagination, row selection, and custom cells; powered by Tanstack Table",
|
|
491
581
|
"docsHref": "?path=/docs/component-reference-datatable--docs",
|
|
492
582
|
"id": "component-reference-datatable",
|
|
493
|
-
"keywords": [
|
|
583
|
+
"keywords": [
|
|
584
|
+
"data-table",
|
|
585
|
+
"category:tabular-data",
|
|
586
|
+
"table",
|
|
587
|
+
"Data grid",
|
|
588
|
+
"Smart table",
|
|
589
|
+
"TanStack table"
|
|
590
|
+
],
|
|
494
591
|
"preview": {
|
|
495
592
|
"type": "story",
|
|
496
593
|
"story": "default",
|
|
@@ -506,7 +603,14 @@
|
|
|
506
603
|
"description": "Provide contextual actions for selected table rows.",
|
|
507
604
|
"docsHref": "?path=/docs/component-reference-datatable-datatablebulkactions--docs",
|
|
508
605
|
"id": "component-reference-datatable-datatablebulkactions",
|
|
509
|
-
"keywords": [
|
|
606
|
+
"keywords": [
|
|
607
|
+
"data-table",
|
|
608
|
+
"bulk-actions",
|
|
609
|
+
"selection",
|
|
610
|
+
"table",
|
|
611
|
+
"Bulk action toolbar",
|
|
612
|
+
"Selection actions"
|
|
613
|
+
],
|
|
510
614
|
"preview": {
|
|
511
615
|
"type": "story",
|
|
512
616
|
"story": "default",
|
|
@@ -527,7 +631,13 @@
|
|
|
527
631
|
"description": "Displays a calendar grid for selecting a single date, with controls for year and month selection",
|
|
528
632
|
"docsHref": "?path=/docs/component-reference-datecalendar--docs",
|
|
529
633
|
"id": "component-reference-datecalendar",
|
|
530
|
-
"keywords": [
|
|
634
|
+
"keywords": [
|
|
635
|
+
"date-calendar",
|
|
636
|
+
"date",
|
|
637
|
+
"calendar",
|
|
638
|
+
"Single-date calendar",
|
|
639
|
+
"Calendar picker"
|
|
640
|
+
],
|
|
531
641
|
"preview": {
|
|
532
642
|
"type": "story",
|
|
533
643
|
"story": "default",
|
|
@@ -543,7 +653,13 @@
|
|
|
543
653
|
"description": "Lets users pick a date from an input-triggered calendar popover.",
|
|
544
654
|
"docsHref": "?path=/docs/component-reference-datepicker--docs",
|
|
545
655
|
"id": "component-reference-datepicker",
|
|
546
|
-
"keywords": [
|
|
656
|
+
"keywords": [
|
|
657
|
+
"date-picker",
|
|
658
|
+
"date",
|
|
659
|
+
"picker",
|
|
660
|
+
"Calendar input",
|
|
661
|
+
"Date input"
|
|
662
|
+
],
|
|
547
663
|
"preview": {
|
|
548
664
|
"type": "story",
|
|
549
665
|
"story": "default",
|
|
@@ -564,7 +680,9 @@
|
|
|
564
680
|
"tanstack",
|
|
565
681
|
"date",
|
|
566
682
|
"picker",
|
|
567
|
-
"field"
|
|
683
|
+
"field",
|
|
684
|
+
"TanStackDatePickerField",
|
|
685
|
+
"Form date picker"
|
|
568
686
|
],
|
|
569
687
|
"preview": {
|
|
570
688
|
"type": "story",
|
|
@@ -591,7 +709,9 @@
|
|
|
591
709
|
"tanstack-date-picker",
|
|
592
710
|
"tanstack",
|
|
593
711
|
"date",
|
|
594
|
-
"picker"
|
|
712
|
+
"picker",
|
|
713
|
+
"TanStackDatePicker",
|
|
714
|
+
"Bound date picker"
|
|
595
715
|
],
|
|
596
716
|
"preview": {
|
|
597
717
|
"type": "story",
|
|
@@ -613,7 +733,14 @@
|
|
|
613
733
|
"description": "Displays a calendar grid for selecting a start and end date range.",
|
|
614
734
|
"docsHref": "?path=/docs/component-reference-daterangecalendar--docs",
|
|
615
735
|
"id": "component-reference-daterangecalendar",
|
|
616
|
-
"keywords": [
|
|
736
|
+
"keywords": [
|
|
737
|
+
"date-range-calendar",
|
|
738
|
+
"date",
|
|
739
|
+
"range",
|
|
740
|
+
"calendar",
|
|
741
|
+
"Range calendar",
|
|
742
|
+
"Date interval calendar"
|
|
743
|
+
],
|
|
617
744
|
"preview": {
|
|
618
745
|
"type": "story",
|
|
619
746
|
"story": "default",
|
|
@@ -629,7 +756,14 @@
|
|
|
629
756
|
"description": "Lets users pick a start and end date from an input-triggered calendar popover.",
|
|
630
757
|
"docsHref": "?path=/docs/component-reference-daterangepicker--docs",
|
|
631
758
|
"id": "component-reference-daterangepicker",
|
|
632
|
-
"keywords": [
|
|
759
|
+
"keywords": [
|
|
760
|
+
"date-range-picker",
|
|
761
|
+
"date",
|
|
762
|
+
"range",
|
|
763
|
+
"picker",
|
|
764
|
+
"Date interval picker",
|
|
765
|
+
"Range picker"
|
|
766
|
+
],
|
|
633
767
|
"preview": {
|
|
634
768
|
"type": "story",
|
|
635
769
|
"story": "default",
|
|
@@ -651,7 +785,9 @@
|
|
|
651
785
|
"date",
|
|
652
786
|
"range",
|
|
653
787
|
"picker",
|
|
654
|
-
"field"
|
|
788
|
+
"field",
|
|
789
|
+
"TanStackDateRangePickerField",
|
|
790
|
+
"Form date range picker"
|
|
655
791
|
],
|
|
656
792
|
"preview": {
|
|
657
793
|
"type": "story",
|
|
@@ -679,7 +815,9 @@
|
|
|
679
815
|
"tanstack",
|
|
680
816
|
"date",
|
|
681
817
|
"range",
|
|
682
|
-
"picker"
|
|
818
|
+
"picker",
|
|
819
|
+
"TanStackDateRangePicker",
|
|
820
|
+
"Bound date range picker"
|
|
683
821
|
],
|
|
684
822
|
"preview": {
|
|
685
823
|
"type": "story",
|
|
@@ -701,7 +839,14 @@
|
|
|
701
839
|
"description": "Displays name-value pairs for summaries, details, and structured read-only data.",
|
|
702
840
|
"docsHref": "?path=/docs/component-reference-definitionlist--docs",
|
|
703
841
|
"id": "component-reference-definitionlist",
|
|
704
|
-
"keywords": [
|
|
842
|
+
"keywords": [
|
|
843
|
+
"definition-list",
|
|
844
|
+
"definition",
|
|
845
|
+
"list",
|
|
846
|
+
"Description list",
|
|
847
|
+
"Key-value list",
|
|
848
|
+
"Property list"
|
|
849
|
+
],
|
|
705
850
|
"preview": {
|
|
706
851
|
"type": "story",
|
|
707
852
|
"story": "horizontal",
|
|
@@ -716,7 +861,13 @@
|
|
|
716
861
|
"description": "Attaches concise definitions to terms so users can clarify domain language in context.",
|
|
717
862
|
"docsHref": "?path=/docs/component-reference-definitiontooltip--docs",
|
|
718
863
|
"id": "component-reference-definitiontooltip",
|
|
719
|
-
"keywords": [
|
|
864
|
+
"keywords": [
|
|
865
|
+
"definition-tooltip",
|
|
866
|
+
"definition",
|
|
867
|
+
"tooltip",
|
|
868
|
+
"Glossary tooltip",
|
|
869
|
+
"Term tooltip"
|
|
870
|
+
],
|
|
720
871
|
"preview": {
|
|
721
872
|
"type": "story",
|
|
722
873
|
"story": "default",
|
|
@@ -731,7 +882,15 @@
|
|
|
731
882
|
"description": "Dialogs show modal content that requires focused attention or a blocking decision.",
|
|
732
883
|
"docsHref": "?path=/docs/component-reference-dialog--docs",
|
|
733
884
|
"id": "component-reference-dialog",
|
|
734
|
-
"keywords": [
|
|
885
|
+
"keywords": [
|
|
886
|
+
"modal",
|
|
887
|
+
"overlay",
|
|
888
|
+
"confirmation",
|
|
889
|
+
"blocking",
|
|
890
|
+
"prompt",
|
|
891
|
+
"Modal dialog",
|
|
892
|
+
"Confirmation dialog"
|
|
893
|
+
],
|
|
735
894
|
"preview": {
|
|
736
895
|
"type": "image",
|
|
737
896
|
"src": "/catalog/dialog-preview.png",
|
|
@@ -751,7 +910,13 @@
|
|
|
751
910
|
"description": "Explains an empty view and offers the next action when there is no content to show.",
|
|
752
911
|
"docsHref": "?path=/docs/component-reference-emptystate--docs",
|
|
753
912
|
"id": "component-reference-emptystate",
|
|
754
|
-
"keywords": [
|
|
913
|
+
"keywords": [
|
|
914
|
+
"empty-state",
|
|
915
|
+
"empty",
|
|
916
|
+
"state",
|
|
917
|
+
"Blank slate",
|
|
918
|
+
"No-content state"
|
|
919
|
+
],
|
|
755
920
|
"preview": {
|
|
756
921
|
"type": "story",
|
|
757
922
|
"story": "default",
|
|
@@ -766,7 +931,13 @@
|
|
|
766
931
|
"description": "Explains a failed view or request and gives users a clear recovery action.",
|
|
767
932
|
"docsHref": "?path=/docs/component-reference-errorstate--docs",
|
|
768
933
|
"id": "component-reference-errorstate",
|
|
769
|
-
"keywords": [
|
|
934
|
+
"keywords": [
|
|
935
|
+
"error-state",
|
|
936
|
+
"error",
|
|
937
|
+
"state",
|
|
938
|
+
"Failure state",
|
|
939
|
+
"Error view"
|
|
940
|
+
],
|
|
770
941
|
"preview": {
|
|
771
942
|
"type": "story",
|
|
772
943
|
"story": "default",
|
|
@@ -787,7 +958,10 @@
|
|
|
787
958
|
"tanstack-form-field",
|
|
788
959
|
"tanstack",
|
|
789
960
|
"form",
|
|
790
|
-
"field"
|
|
961
|
+
"field",
|
|
962
|
+
"FormField",
|
|
963
|
+
"TanStackFormField",
|
|
964
|
+
"Field wrapper"
|
|
791
965
|
],
|
|
792
966
|
"preview": {
|
|
793
967
|
"type": "story",
|
|
@@ -808,7 +982,7 @@
|
|
|
808
982
|
"description": "Groups related form controls under one accessible legend.",
|
|
809
983
|
"docsHref": "?path=/docs/forms-reference-fieldset--docs",
|
|
810
984
|
"id": "forms-reference-fieldset",
|
|
811
|
-
"keywords": ["fieldset"],
|
|
985
|
+
"keywords": ["fieldset", "Form group", "Control group"],
|
|
812
986
|
"preview": {
|
|
813
987
|
"type": "story",
|
|
814
988
|
"story": "default",
|
|
@@ -828,7 +1002,7 @@
|
|
|
828
1002
|
"description": "Defines one table filter with a trigger, operator, and custom value control.",
|
|
829
1003
|
"docsHref": "?path=/docs/component-reference-filter--docs",
|
|
830
1004
|
"id": "component-reference-filter",
|
|
831
|
-
"keywords": ["filter"],
|
|
1005
|
+
"keywords": ["filter", "Data filter", "Column filter"],
|
|
832
1006
|
"preview": {
|
|
833
1007
|
"type": "story",
|
|
834
1008
|
"story": "default",
|
|
@@ -843,7 +1017,13 @@
|
|
|
843
1017
|
"description": "Combine and manage multiple filters for narrowing table or list data.",
|
|
844
1018
|
"docsHref": "?path=/docs/component-reference-filtertoolbar--docs",
|
|
845
1019
|
"id": "component-reference-filtertoolbar",
|
|
846
|
-
"keywords": [
|
|
1020
|
+
"keywords": [
|
|
1021
|
+
"filter-toolbar",
|
|
1022
|
+
"filter",
|
|
1023
|
+
"toolbar",
|
|
1024
|
+
"Filter bar",
|
|
1025
|
+
"Advanced filters"
|
|
1026
|
+
],
|
|
847
1027
|
"preview": {
|
|
848
1028
|
"type": "story",
|
|
849
1029
|
"story": "default",
|
|
@@ -858,7 +1038,7 @@
|
|
|
858
1038
|
"description": "Arranges content in one dimension with Unity spacing, alignment, wrapping, and direction props.",
|
|
859
1039
|
"docsHref": "?path=/docs/component-reference-flex--docs",
|
|
860
1040
|
"id": "component-reference-flex",
|
|
861
|
-
"keywords": ["flex"],
|
|
1041
|
+
"keywords": ["flex", "Flexbox", "Stack"],
|
|
862
1042
|
"preview": {
|
|
863
1043
|
"type": "story",
|
|
864
1044
|
"story": "basic",
|
|
@@ -873,7 +1053,14 @@
|
|
|
873
1053
|
"description": "Display high-priority page actions in a responsive bottom toolbar for persistent actions",
|
|
874
1054
|
"docsHref": "?path=/docs/component-reference-floatingactionbar--docs",
|
|
875
1055
|
"id": "component-reference-floatingactionbar",
|
|
876
|
-
"keywords": [
|
|
1056
|
+
"keywords": [
|
|
1057
|
+
"floating-action-bar",
|
|
1058
|
+
"floating",
|
|
1059
|
+
"action",
|
|
1060
|
+
"bar",
|
|
1061
|
+
"Sticky action bar",
|
|
1062
|
+
"Bottom action bar"
|
|
1063
|
+
],
|
|
877
1064
|
"preview": {
|
|
878
1065
|
"type": "story",
|
|
879
1066
|
"story": "one-button",
|
|
@@ -893,7 +1080,13 @@
|
|
|
893
1080
|
"description": "Connects TanStack Form state to submission, validation, and native form semantics.",
|
|
894
1081
|
"docsHref": "?path=/docs/forms-reference-form--docs",
|
|
895
1082
|
"id": "forms-reference-form",
|
|
896
|
-
"keywords": [
|
|
1083
|
+
"keywords": [
|
|
1084
|
+
"form",
|
|
1085
|
+
"tanstack-form",
|
|
1086
|
+
"tanstack",
|
|
1087
|
+
"TanStackForm",
|
|
1088
|
+
"Form root"
|
|
1089
|
+
],
|
|
897
1090
|
"preview": {
|
|
898
1091
|
"type": "story",
|
|
899
1092
|
"story": "primary",
|
|
@@ -919,7 +1112,9 @@
|
|
|
919
1112
|
"form-contextual-link",
|
|
920
1113
|
"form",
|
|
921
1114
|
"contextual",
|
|
922
|
-
"link"
|
|
1115
|
+
"link",
|
|
1116
|
+
"RouterFormContextualLink",
|
|
1117
|
+
"TanStack Router contextual link"
|
|
923
1118
|
],
|
|
924
1119
|
"preview": {
|
|
925
1120
|
"type": "story",
|
|
@@ -935,7 +1130,14 @@
|
|
|
935
1130
|
"description": "Covers the full page with a loading state while an app view is preparing content.",
|
|
936
1131
|
"docsHref": "?path=/docs/component-reference-fullpageloader--docs",
|
|
937
1132
|
"id": "component-reference-fullpageloader",
|
|
938
|
-
"keywords": [
|
|
1133
|
+
"keywords": [
|
|
1134
|
+
"full-page-loader",
|
|
1135
|
+
"full",
|
|
1136
|
+
"page",
|
|
1137
|
+
"loader",
|
|
1138
|
+
"Page loader",
|
|
1139
|
+
"Loading screen"
|
|
1140
|
+
],
|
|
939
1141
|
"preview": {
|
|
940
1142
|
"type": "story",
|
|
941
1143
|
"story": "default",
|
|
@@ -950,7 +1152,13 @@
|
|
|
950
1152
|
"description": "Structures step-by-step flows with funnel navigation, content, and action areas.",
|
|
951
1153
|
"docsHref": "?path=/docs/component-reference-funnellayout--docs",
|
|
952
1154
|
"id": "component-reference-funnellayout",
|
|
953
|
-
"keywords": [
|
|
1155
|
+
"keywords": [
|
|
1156
|
+
"funnel-layout",
|
|
1157
|
+
"funnel",
|
|
1158
|
+
"layout",
|
|
1159
|
+
"Wizard layout",
|
|
1160
|
+
"Multi-step form layout"
|
|
1161
|
+
],
|
|
954
1162
|
"preview": {
|
|
955
1163
|
"type": "story",
|
|
956
1164
|
"story": "default",
|
|
@@ -965,7 +1173,7 @@
|
|
|
965
1173
|
"description": "Creates responsive two-dimensional layouts using Unity grid primitives.",
|
|
966
1174
|
"docsHref": "?path=/docs/component-reference-grid--docs",
|
|
967
1175
|
"id": "component-reference-grid",
|
|
968
|
-
"keywords": ["grid"],
|
|
1176
|
+
"keywords": ["grid", "CSS Grid", "Grid layout"],
|
|
969
1177
|
"preview": {
|
|
970
1178
|
"type": "story",
|
|
971
1179
|
"story": "basic",
|
|
@@ -980,7 +1188,13 @@
|
|
|
980
1188
|
"description": "Provides an accessible icon-only button for compact actions.",
|
|
981
1189
|
"docsHref": "?path=/docs/component-reference-iconbutton--docs",
|
|
982
1190
|
"id": "component-reference-iconbutton",
|
|
983
|
-
"keywords": [
|
|
1191
|
+
"keywords": [
|
|
1192
|
+
"icon-button",
|
|
1193
|
+
"icon",
|
|
1194
|
+
"button",
|
|
1195
|
+
"Icon-only button",
|
|
1196
|
+
"Square icon button"
|
|
1197
|
+
],
|
|
984
1198
|
"preview": {
|
|
985
1199
|
"type": "story",
|
|
986
1200
|
"story": "default",
|
|
@@ -995,7 +1209,13 @@
|
|
|
995
1209
|
"description": "Builds editable read/write field rows connected to TanStack Form values.",
|
|
996
1210
|
"docsHref": "?path=/docs/forms-reference-inlinefield--docs",
|
|
997
1211
|
"id": "forms-reference-inlinefield",
|
|
998
|
-
"keywords": [
|
|
1212
|
+
"keywords": [
|
|
1213
|
+
"inline-field",
|
|
1214
|
+
"inline",
|
|
1215
|
+
"field",
|
|
1216
|
+
"Inline edit",
|
|
1217
|
+
"Editable field"
|
|
1218
|
+
],
|
|
999
1219
|
"preview": {
|
|
1000
1220
|
"type": "story",
|
|
1001
1221
|
"story": "default",
|
|
@@ -1015,7 +1235,14 @@
|
|
|
1015
1235
|
"description": "Groups inline editable fields for dense read-and-edit forms backed by TanStack Form.",
|
|
1016
1236
|
"docsHref": "?path=/docs/forms-reference-inlinefieldgroup--docs",
|
|
1017
1237
|
"id": "forms-reference-inlinefieldgroup",
|
|
1018
|
-
"keywords": [
|
|
1238
|
+
"keywords": [
|
|
1239
|
+
"inline-field-group",
|
|
1240
|
+
"inline",
|
|
1241
|
+
"field",
|
|
1242
|
+
"group",
|
|
1243
|
+
"Inline edit group",
|
|
1244
|
+
"Editable field group"
|
|
1245
|
+
],
|
|
1019
1246
|
"preview": {
|
|
1020
1247
|
"type": "story",
|
|
1021
1248
|
"story": "default",
|
|
@@ -1036,7 +1263,7 @@
|
|
|
1036
1263
|
"description": "Provides the plain text input base with adornments, validation states, and native input props.",
|
|
1037
1264
|
"docsHref": "?path=/docs/component-reference-input--docs",
|
|
1038
1265
|
"id": "component-reference-input",
|
|
1039
|
-
"keywords": ["input"],
|
|
1266
|
+
"keywords": ["input", "Base input", "Raw input", "Text input primitive"],
|
|
1040
1267
|
"preview": {
|
|
1041
1268
|
"type": "story",
|
|
1042
1269
|
"story": "empty",
|
|
@@ -1051,7 +1278,7 @@
|
|
|
1051
1278
|
"description": "Labels a form control with required or optional indicators and accessible text styling.",
|
|
1052
1279
|
"docsHref": "?path=/docs/component-reference-label--docs",
|
|
1053
1280
|
"id": "component-reference-label",
|
|
1054
|
-
"keywords": ["label"],
|
|
1281
|
+
"keywords": ["label", "Form label", "Field label"],
|
|
1055
1282
|
"preview": {
|
|
1056
1283
|
"type": "story",
|
|
1057
1284
|
"story": "is-required",
|
|
@@ -1066,7 +1293,14 @@
|
|
|
1066
1293
|
"description": "Styles navigation anchors for routes or external destinations without button affordances.",
|
|
1067
1294
|
"docsHref": "?path=/docs/component-reference-link--docs",
|
|
1068
1295
|
"id": "component-reference-link",
|
|
1069
|
-
"keywords": [
|
|
1296
|
+
"keywords": [
|
|
1297
|
+
"link",
|
|
1298
|
+
"raw-link",
|
|
1299
|
+
"raw",
|
|
1300
|
+
"RawLink",
|
|
1301
|
+
"Anchor link",
|
|
1302
|
+
"Hyperlink"
|
|
1303
|
+
],
|
|
1070
1304
|
"preview": {
|
|
1071
1305
|
"type": "story",
|
|
1072
1306
|
"story": "default",
|
|
@@ -1081,7 +1315,7 @@
|
|
|
1081
1315
|
"description": "Link integrates Unity with TanStack Router navigation patterns.",
|
|
1082
1316
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-link--docs",
|
|
1083
1317
|
"id": "library-integrations-reference-tanstack-router-link",
|
|
1084
|
-
"keywords": ["tanstack-router", "link"],
|
|
1318
|
+
"keywords": ["tanstack-router", "link", "RouterLink", "TanStack Link"],
|
|
1085
1319
|
"preview": {
|
|
1086
1320
|
"type": "story",
|
|
1087
1321
|
"story": "basic-navigation",
|
|
@@ -1100,7 +1334,16 @@
|
|
|
1100
1334
|
"description": "Gives navigation links button styling when the action should stand out as a primary path.",
|
|
1101
1335
|
"docsHref": "?path=/docs/component-reference-linkbutton--docs",
|
|
1102
1336
|
"id": "component-reference-linkbutton",
|
|
1103
|
-
"keywords": [
|
|
1337
|
+
"keywords": [
|
|
1338
|
+
"link-button",
|
|
1339
|
+
"raw-link-button",
|
|
1340
|
+
"raw",
|
|
1341
|
+
"link",
|
|
1342
|
+
"button",
|
|
1343
|
+
"RawLinkButton",
|
|
1344
|
+
"Button link",
|
|
1345
|
+
"Anchor button"
|
|
1346
|
+
],
|
|
1104
1347
|
"preview": {
|
|
1105
1348
|
"type": "story",
|
|
1106
1349
|
"story": "default",
|
|
@@ -1115,7 +1358,14 @@
|
|
|
1115
1358
|
"description": "LinkButton integrates Unity with TanStack Router navigation patterns.",
|
|
1116
1359
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-linkbutton--docs",
|
|
1117
1360
|
"id": "library-integrations-reference-tanstack-router-linkbutton",
|
|
1118
|
-
"keywords": [
|
|
1361
|
+
"keywords": [
|
|
1362
|
+
"tanstack-router",
|
|
1363
|
+
"link-button",
|
|
1364
|
+
"link",
|
|
1365
|
+
"button",
|
|
1366
|
+
"RouterLinkButton",
|
|
1367
|
+
"TanStack Link Button"
|
|
1368
|
+
],
|
|
1119
1369
|
"preview": {
|
|
1120
1370
|
"type": "story",
|
|
1121
1371
|
"story": "basic-navigation",
|
|
@@ -1134,7 +1384,13 @@
|
|
|
1134
1384
|
"description": "Displays navigable lists with sections, item states, labels, and supporting text.",
|
|
1135
1385
|
"docsHref": "?path=/docs/component-reference-listview--docs",
|
|
1136
1386
|
"id": "component-reference-listview",
|
|
1137
|
-
"keywords": [
|
|
1387
|
+
"keywords": [
|
|
1388
|
+
"list-view",
|
|
1389
|
+
"list",
|
|
1390
|
+
"view",
|
|
1391
|
+
"Navigation list",
|
|
1392
|
+
"Action list"
|
|
1393
|
+
],
|
|
1138
1394
|
"preview": {
|
|
1139
1395
|
"type": "story",
|
|
1140
1396
|
"story": "default",
|
|
@@ -1154,7 +1410,14 @@
|
|
|
1154
1410
|
"description": "ListView integrates Unity with TanStack Router navigation patterns.",
|
|
1155
1411
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-listview--docs",
|
|
1156
1412
|
"id": "library-integrations-reference-tanstack-router-listview",
|
|
1157
|
-
"keywords": [
|
|
1413
|
+
"keywords": [
|
|
1414
|
+
"tanstack-router",
|
|
1415
|
+
"list-view",
|
|
1416
|
+
"list",
|
|
1417
|
+
"view",
|
|
1418
|
+
"RouterListView",
|
|
1419
|
+
"TanStack Router ListView"
|
|
1420
|
+
],
|
|
1158
1421
|
"preview": {
|
|
1159
1422
|
"type": "story",
|
|
1160
1423
|
"story": "primary",
|
|
@@ -1174,7 +1437,7 @@
|
|
|
1174
1437
|
"description": "Collects contextual actions in a keyboard-accessible popover menu anchored to a trigger.",
|
|
1175
1438
|
"docsHref": "?path=/docs/component-reference-menu--docs",
|
|
1176
1439
|
"id": "component-reference-menu",
|
|
1177
|
-
"keywords": ["menu"],
|
|
1440
|
+
"keywords": ["menu", "Dropdown menu", "Action menu", "Context menu"],
|
|
1178
1441
|
"preview": {
|
|
1179
1442
|
"type": "image",
|
|
1180
1443
|
"src": "/catalog/menu-preview.png",
|
|
@@ -1195,7 +1458,14 @@
|
|
|
1195
1458
|
"description": "MenuItem integrates Unity with TanStack Router navigation patterns.",
|
|
1196
1459
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-menuitem--docs",
|
|
1197
1460
|
"id": "library-integrations-reference-tanstack-router-menuitem",
|
|
1198
|
-
"keywords": [
|
|
1461
|
+
"keywords": [
|
|
1462
|
+
"tanstack-router",
|
|
1463
|
+
"menu-item",
|
|
1464
|
+
"menu",
|
|
1465
|
+
"item",
|
|
1466
|
+
"RouterMenuItem",
|
|
1467
|
+
"Navigation menu item"
|
|
1468
|
+
],
|
|
1199
1469
|
"preview": {
|
|
1200
1470
|
"type": "story",
|
|
1201
1471
|
"story": "basic-menu-navigation",
|
|
@@ -1214,7 +1484,16 @@
|
|
|
1214
1484
|
"description": "MultiSelect lets users choose multiple options from a dropdown list with keyboard navigation.",
|
|
1215
1485
|
"docsHref": "?path=/docs/component-reference-multiselect--docs",
|
|
1216
1486
|
"id": "component-reference-multiselect",
|
|
1217
|
-
"keywords": [
|
|
1487
|
+
"keywords": [
|
|
1488
|
+
"dropdown",
|
|
1489
|
+
"combobox",
|
|
1490
|
+
"multiple choice",
|
|
1491
|
+
"tags",
|
|
1492
|
+
"filter",
|
|
1493
|
+
"Multi-select dropdown",
|
|
1494
|
+
"Multiple combobox",
|
|
1495
|
+
"Tag picker"
|
|
1496
|
+
],
|
|
1218
1497
|
"preview": {
|
|
1219
1498
|
"type": "story",
|
|
1220
1499
|
"story": "primary",
|
|
@@ -1241,7 +1520,9 @@
|
|
|
1241
1520
|
"tanstack form",
|
|
1242
1521
|
"dropdown",
|
|
1243
1522
|
"multiple choice",
|
|
1244
|
-
"validation"
|
|
1523
|
+
"validation",
|
|
1524
|
+
"TanStackMultiSelectField",
|
|
1525
|
+
"Form multi-select"
|
|
1245
1526
|
],
|
|
1246
1527
|
"preview": {
|
|
1247
1528
|
"type": "story",
|
|
@@ -1271,7 +1552,9 @@
|
|
|
1271
1552
|
"story",
|
|
1272
1553
|
"tanstack",
|
|
1273
1554
|
"multi",
|
|
1274
|
-
"select"
|
|
1555
|
+
"select",
|
|
1556
|
+
"TanStackMultiSelect",
|
|
1557
|
+
"Bound multi-select"
|
|
1275
1558
|
],
|
|
1276
1559
|
"preview": {
|
|
1277
1560
|
"type": "story",
|
|
@@ -1294,7 +1577,7 @@
|
|
|
1294
1577
|
"description": "Structures app navigation lists with active, disabled, and nested item states.",
|
|
1295
1578
|
"docsHref": "?path=/docs/component-reference-nav--docs",
|
|
1296
1579
|
"id": "component-reference-nav",
|
|
1297
|
-
"keywords": ["nav"],
|
|
1580
|
+
"keywords": ["nav", "Navigation list", "Sidebar nav"],
|
|
1298
1581
|
"preview": {
|
|
1299
1582
|
"type": "story",
|
|
1300
1583
|
"story": "primary",
|
|
@@ -1309,7 +1592,14 @@
|
|
|
1309
1592
|
"description": "NavItem integrates Unity with TanStack Router navigation patterns.",
|
|
1310
1593
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-navitem--docs",
|
|
1311
1594
|
"id": "library-integrations-reference-tanstack-router-navitem",
|
|
1312
|
-
"keywords": [
|
|
1595
|
+
"keywords": [
|
|
1596
|
+
"tanstack-router",
|
|
1597
|
+
"nav-item",
|
|
1598
|
+
"nav",
|
|
1599
|
+
"item",
|
|
1600
|
+
"RouterNavItem",
|
|
1601
|
+
"Navigation item"
|
|
1602
|
+
],
|
|
1313
1603
|
"preview": {
|
|
1314
1604
|
"type": "story",
|
|
1315
1605
|
"story": "basic-navigation",
|
|
@@ -1333,7 +1623,10 @@
|
|
|
1333
1623
|
"raw-navigation-card",
|
|
1334
1624
|
"raw",
|
|
1335
1625
|
"navigation",
|
|
1336
|
-
"card"
|
|
1626
|
+
"card",
|
|
1627
|
+
"RawNavigationCard",
|
|
1628
|
+
"Clickable card",
|
|
1629
|
+
"Link card"
|
|
1337
1630
|
],
|
|
1338
1631
|
"preview": {
|
|
1339
1632
|
"type": "story",
|
|
@@ -1353,7 +1646,9 @@
|
|
|
1353
1646
|
"tanstack-router",
|
|
1354
1647
|
"navigation-card",
|
|
1355
1648
|
"category:navigation",
|
|
1356
|
-
"card"
|
|
1649
|
+
"card",
|
|
1650
|
+
"RouterNavigationCard",
|
|
1651
|
+
"Router link card"
|
|
1357
1652
|
],
|
|
1358
1653
|
"preview": {
|
|
1359
1654
|
"type": "story",
|
|
@@ -1378,7 +1673,9 @@
|
|
|
1378
1673
|
"tanstack-number-field",
|
|
1379
1674
|
"tanstack",
|
|
1380
1675
|
"number",
|
|
1381
|
-
"field"
|
|
1676
|
+
"field",
|
|
1677
|
+
"TanStackNumberField",
|
|
1678
|
+
"Form number input"
|
|
1382
1679
|
],
|
|
1383
1680
|
"preview": {
|
|
1384
1681
|
"type": "story",
|
|
@@ -1399,7 +1696,13 @@
|
|
|
1399
1696
|
"description": "Accepts and formats numeric values, with validation states, and native number input behavior.",
|
|
1400
1697
|
"docsHref": "?path=/docs/component-reference-numberinput--docs",
|
|
1401
1698
|
"id": "component-reference-numberinput",
|
|
1402
|
-
"keywords": [
|
|
1699
|
+
"keywords": [
|
|
1700
|
+
"number-input",
|
|
1701
|
+
"number",
|
|
1702
|
+
"input",
|
|
1703
|
+
"Numeric input",
|
|
1704
|
+
"Quantity input"
|
|
1705
|
+
],
|
|
1403
1706
|
"preview": {
|
|
1404
1707
|
"type": "story",
|
|
1405
1708
|
"story": "default",
|
|
@@ -1419,7 +1722,9 @@
|
|
|
1419
1722
|
"tanstack-number-input",
|
|
1420
1723
|
"tanstack",
|
|
1421
1724
|
"number",
|
|
1422
|
-
"input"
|
|
1725
|
+
"input",
|
|
1726
|
+
"TanStackNumberInput",
|
|
1727
|
+
"Bound number input"
|
|
1423
1728
|
],
|
|
1424
1729
|
"preview": {
|
|
1425
1730
|
"type": "story",
|
|
@@ -1440,7 +1745,7 @@
|
|
|
1440
1745
|
"description": "Provides a page shell with header, content, and action regions for app screens.",
|
|
1441
1746
|
"docsHref": "?path=/docs/component-reference-page--docs",
|
|
1442
1747
|
"id": "component-reference-page",
|
|
1443
|
-
"keywords": ["page"],
|
|
1748
|
+
"keywords": ["page", "PageLayout", "Page shell"],
|
|
1444
1749
|
"preview": {
|
|
1445
1750
|
"type": "story",
|
|
1446
1751
|
"story": "default",
|
|
@@ -1456,7 +1761,13 @@
|
|
|
1456
1761
|
"description": "Lets users move through paginated data with page links, next and previous controls, and item counts.",
|
|
1457
1762
|
"docsHref": "?path=/docs/component-reference-pagination--docs",
|
|
1458
1763
|
"id": "component-reference-pagination",
|
|
1459
|
-
"keywords": [
|
|
1764
|
+
"keywords": [
|
|
1765
|
+
"pagination",
|
|
1766
|
+
"story-pagination",
|
|
1767
|
+
"story",
|
|
1768
|
+
"Pager",
|
|
1769
|
+
"Page navigation"
|
|
1770
|
+
],
|
|
1460
1771
|
"preview": {
|
|
1461
1772
|
"type": "story",
|
|
1462
1773
|
"story": "default",
|
|
@@ -1476,7 +1787,14 @@
|
|
|
1476
1787
|
"description": "PaginationLink integrates Unity with TanStack Router navigation patterns.",
|
|
1477
1788
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-pagination--docs",
|
|
1478
1789
|
"id": "library-integrations-reference-tanstack-router-pagination",
|
|
1479
|
-
"keywords": [
|
|
1790
|
+
"keywords": [
|
|
1791
|
+
"tanstack-router",
|
|
1792
|
+
"pagination-link",
|
|
1793
|
+
"pagination",
|
|
1794
|
+
"link",
|
|
1795
|
+
"RouterPagination",
|
|
1796
|
+
"PaginationLink"
|
|
1797
|
+
],
|
|
1480
1798
|
"preview": {
|
|
1481
1799
|
"type": "story",
|
|
1482
1800
|
"story": "basic-navigation",
|
|
@@ -1500,7 +1818,9 @@
|
|
|
1500
1818
|
"tanstack-password-field",
|
|
1501
1819
|
"tanstack",
|
|
1502
1820
|
"password",
|
|
1503
|
-
"field"
|
|
1821
|
+
"field",
|
|
1822
|
+
"TanStackPasswordField",
|
|
1823
|
+
"Form password input"
|
|
1504
1824
|
],
|
|
1505
1825
|
"preview": {
|
|
1506
1826
|
"type": "story",
|
|
@@ -1521,7 +1841,15 @@
|
|
|
1521
1841
|
"description": "Displays PayFit brand marks consistently across product surfaces and themes.",
|
|
1522
1842
|
"docsHref": "?path=/docs/component-reference-payfitbrand--docs",
|
|
1523
1843
|
"id": "component-reference-payfitbrand",
|
|
1524
|
-
"keywords": [
|
|
1844
|
+
"keywords": [
|
|
1845
|
+
"payfit-brand",
|
|
1846
|
+
"pay-fit-brand",
|
|
1847
|
+
"pay",
|
|
1848
|
+
"fit",
|
|
1849
|
+
"brand",
|
|
1850
|
+
"PayFit logo",
|
|
1851
|
+
"Brand mark"
|
|
1852
|
+
],
|
|
1525
1853
|
"preview": {
|
|
1526
1854
|
"type": "story",
|
|
1527
1855
|
"story": "primary",
|
|
@@ -1542,7 +1870,9 @@
|
|
|
1542
1870
|
"pay",
|
|
1543
1871
|
"fit",
|
|
1544
1872
|
"brand",
|
|
1545
|
-
"preprod"
|
|
1873
|
+
"preprod",
|
|
1874
|
+
"PayFit preprod logo",
|
|
1875
|
+
"Preproduction brand mark"
|
|
1546
1876
|
],
|
|
1547
1877
|
"preview": {
|
|
1548
1878
|
"type": "story",
|
|
@@ -1565,7 +1895,9 @@
|
|
|
1565
1895
|
"tanstack",
|
|
1566
1896
|
"phone",
|
|
1567
1897
|
"number",
|
|
1568
|
-
"field"
|
|
1898
|
+
"field",
|
|
1899
|
+
"TanStackPhoneNumberField",
|
|
1900
|
+
"Form phone number input"
|
|
1569
1901
|
],
|
|
1570
1902
|
"preview": {
|
|
1571
1903
|
"type": "story",
|
|
@@ -1591,7 +1923,10 @@
|
|
|
1591
1923
|
"phone-number-input",
|
|
1592
1924
|
"phone",
|
|
1593
1925
|
"number",
|
|
1594
|
-
"input"
|
|
1926
|
+
"input",
|
|
1927
|
+
"Phone input",
|
|
1928
|
+
"Telephone input",
|
|
1929
|
+
"International phone input"
|
|
1595
1930
|
],
|
|
1596
1931
|
"preview": {
|
|
1597
1932
|
"type": "story",
|
|
@@ -1614,7 +1949,9 @@
|
|
|
1614
1949
|
"tanstack",
|
|
1615
1950
|
"phone",
|
|
1616
1951
|
"number",
|
|
1617
|
-
"input"
|
|
1952
|
+
"input",
|
|
1953
|
+
"TanStackPhoneNumberInput",
|
|
1954
|
+
"Bound phone number input"
|
|
1618
1955
|
],
|
|
1619
1956
|
"preview": {
|
|
1620
1957
|
"type": "story",
|
|
@@ -1635,7 +1972,7 @@
|
|
|
1635
1972
|
"description": "Displays compact labels for selected filters, statuses, or removable tokens.",
|
|
1636
1973
|
"docsHref": "?path=/docs/component-reference-pill--docs",
|
|
1637
1974
|
"id": "component-reference-pill",
|
|
1638
|
-
"keywords": ["pill"],
|
|
1975
|
+
"keywords": ["pill", "Chip", "Tag", "Token"],
|
|
1639
1976
|
"preview": {
|
|
1640
1977
|
"type": "story",
|
|
1641
1978
|
"story": "default",
|
|
@@ -1650,7 +1987,7 @@
|
|
|
1650
1987
|
"description": "Positions non-modal contextual content next to a trigger.",
|
|
1651
1988
|
"docsHref": "?path=/docs/component-reference-popover--docs",
|
|
1652
1989
|
"id": "component-reference-popover",
|
|
1653
|
-
"keywords": ["popover"],
|
|
1990
|
+
"keywords": ["popover", "Flyout", "Floating panel"],
|
|
1654
1991
|
"preview": {
|
|
1655
1992
|
"type": "image",
|
|
1656
1993
|
"src": "/catalog/popover-preview.png",
|
|
@@ -1665,7 +2002,13 @@
|
|
|
1665
2002
|
"description": "Communicates completion for tasks, uploads, or workflows with determinate and indeterminate states.",
|
|
1666
2003
|
"docsHref": "?path=/docs/component-reference-progressbar--docs",
|
|
1667
2004
|
"id": "component-reference-progressbar",
|
|
1668
|
-
"keywords": [
|
|
2005
|
+
"keywords": [
|
|
2006
|
+
"progress-bar",
|
|
2007
|
+
"progress",
|
|
2008
|
+
"bar",
|
|
2009
|
+
"Progress indicator",
|
|
2010
|
+
"Loading bar"
|
|
2011
|
+
],
|
|
1669
2012
|
"preview": {
|
|
1670
2013
|
"type": "story",
|
|
1671
2014
|
"story": "value",
|
|
@@ -1681,7 +2024,13 @@
|
|
|
1681
2024
|
"description": "Presents promotional or announcement content in a branded modal dialog.",
|
|
1682
2025
|
"docsHref": "?path=/docs/component-reference-promodialog--docs",
|
|
1683
2026
|
"id": "component-reference-promodialog",
|
|
1684
|
-
"keywords": [
|
|
2027
|
+
"keywords": [
|
|
2028
|
+
"promo-dialog",
|
|
2029
|
+
"promo",
|
|
2030
|
+
"dialog",
|
|
2031
|
+
"Announcement modal",
|
|
2032
|
+
"Marketing modal"
|
|
2033
|
+
],
|
|
1685
2034
|
"preview": {
|
|
1686
2035
|
"type": "image",
|
|
1687
2036
|
"src": "/catalog/promodialog-preview.png",
|
|
@@ -1701,7 +2050,14 @@
|
|
|
1701
2050
|
"description": "Let users choose exactly one option from a set of related options.",
|
|
1702
2051
|
"docsHref": "?path=/docs/component-reference-radiobuttongroup--docs",
|
|
1703
2052
|
"id": "component-reference-radiobuttongroup",
|
|
1704
|
-
"keywords": [
|
|
2053
|
+
"keywords": [
|
|
2054
|
+
"radio-button-group",
|
|
2055
|
+
"radio",
|
|
2056
|
+
"button",
|
|
2057
|
+
"group",
|
|
2058
|
+
"Radio group",
|
|
2059
|
+
"Single-choice group"
|
|
2060
|
+
],
|
|
1705
2061
|
"preview": {
|
|
1706
2062
|
"type": "story",
|
|
1707
2063
|
"story": "default",
|
|
@@ -1730,7 +2086,9 @@
|
|
|
1730
2086
|
"radio",
|
|
1731
2087
|
"button",
|
|
1732
2088
|
"group",
|
|
1733
|
-
"field"
|
|
2089
|
+
"field",
|
|
2090
|
+
"TanStackRadioButtonGroupField",
|
|
2091
|
+
"Form radio group"
|
|
1734
2092
|
],
|
|
1735
2093
|
"preview": {
|
|
1736
2094
|
"type": "story",
|
|
@@ -1760,7 +2118,9 @@
|
|
|
1760
2118
|
"tanstack",
|
|
1761
2119
|
"radio",
|
|
1762
2120
|
"button",
|
|
1763
|
-
"group"
|
|
2121
|
+
"group",
|
|
2122
|
+
"TanStackRadioButtonGroup",
|
|
2123
|
+
"Bound radio group"
|
|
1764
2124
|
],
|
|
1765
2125
|
"preview": {
|
|
1766
2126
|
"type": "story",
|
|
@@ -1784,7 +2144,7 @@
|
|
|
1784
2144
|
"description": "Captures query text for search and filtering flows with clear affordances.",
|
|
1785
2145
|
"docsHref": "?path=/docs/component-reference-search--docs",
|
|
1786
2146
|
"id": "component-reference-search",
|
|
1787
|
-
"keywords": ["search"],
|
|
2147
|
+
"keywords": ["search", "SearchInput", "Search field", "Search box"],
|
|
1788
2148
|
"preview": {
|
|
1789
2149
|
"type": "story",
|
|
1790
2150
|
"story": "default",
|
|
@@ -1804,7 +2164,14 @@
|
|
|
1804
2164
|
"description": "Groups related toggle buttons so users can switch modes or select one or multiple options.",
|
|
1805
2165
|
"docsHref": "?path=/docs/component-reference-segmentedbuttongroup--docs",
|
|
1806
2166
|
"id": "component-reference-segmentedbuttongroup",
|
|
1807
|
-
"keywords": [
|
|
2167
|
+
"keywords": [
|
|
2168
|
+
"segmented-button-group",
|
|
2169
|
+
"segmented",
|
|
2170
|
+
"button",
|
|
2171
|
+
"group",
|
|
2172
|
+
"Segmented control",
|
|
2173
|
+
"Toggle button group"
|
|
2174
|
+
],
|
|
1808
2175
|
"preview": {
|
|
1809
2176
|
"type": "story",
|
|
1810
2177
|
"story": "default",
|
|
@@ -1823,7 +2190,7 @@
|
|
|
1823
2190
|
"description": "Lets users choose one option from a trigger-controlled listbox.",
|
|
1824
2191
|
"docsHref": "?path=/docs/component-reference-select--docs",
|
|
1825
2192
|
"id": "component-reference-select",
|
|
1826
|
-
"keywords": ["select"],
|
|
2193
|
+
"keywords": ["select", "Dropdown", "Select menu", "Listbox select"],
|
|
1827
2194
|
"preview": {
|
|
1828
2195
|
"type": "story",
|
|
1829
2196
|
"story": "default",
|
|
@@ -1848,7 +2215,9 @@
|
|
|
1848
2215
|
"tanstack-select-field",
|
|
1849
2216
|
"tanstack",
|
|
1850
2217
|
"select",
|
|
1851
|
-
"field"
|
|
2218
|
+
"field",
|
|
2219
|
+
"TanStackSelectField",
|
|
2220
|
+
"Form select"
|
|
1852
2221
|
],
|
|
1853
2222
|
"preview": {
|
|
1854
2223
|
"type": "story",
|
|
@@ -1870,7 +2239,13 @@
|
|
|
1870
2239
|
"description": "Binds a select control to TanStack Form state for choosing one option.",
|
|
1871
2240
|
"docsHref": "?path=/docs/forms-reference-selectinput--docs",
|
|
1872
2241
|
"id": "forms-reference-selectinput",
|
|
1873
|
-
"keywords": [
|
|
2242
|
+
"keywords": [
|
|
2243
|
+
"select",
|
|
2244
|
+
"tanstack-select",
|
|
2245
|
+
"tanstack",
|
|
2246
|
+
"TanStackSelect",
|
|
2247
|
+
"Bound select"
|
|
2248
|
+
],
|
|
1874
2249
|
"preview": {
|
|
1875
2250
|
"type": "story",
|
|
1876
2251
|
"story": "primary",
|
|
@@ -1892,7 +2267,7 @@
|
|
|
1892
2267
|
"description": "Powers selectable option lists for selects, comboboxes, and picker-style controls.",
|
|
1893
2268
|
"docsHref": "?path=/docs/component-reference-selectlist--docs",
|
|
1894
2269
|
"id": "component-reference-selectlist",
|
|
1895
|
-
"keywords": ["select-list", "select", "list"],
|
|
2270
|
+
"keywords": ["select-list", "select", "list", "Listbox", "Option list"],
|
|
1896
2271
|
"preview": {
|
|
1897
2272
|
"type": "story",
|
|
1898
2273
|
"story": "default",
|
|
@@ -1907,7 +2282,14 @@
|
|
|
1907
2282
|
"description": "Presents 1-5 related choices as buttons so users can select one or multiple options.",
|
|
1908
2283
|
"docsHref": "?path=/docs/component-reference-selectablebuttongroup--docs",
|
|
1909
2284
|
"id": "component-reference-selectablebuttongroup",
|
|
1910
|
-
"keywords": [
|
|
2285
|
+
"keywords": [
|
|
2286
|
+
"selectable-button-group",
|
|
2287
|
+
"selectable",
|
|
2288
|
+
"button",
|
|
2289
|
+
"group",
|
|
2290
|
+
"Button choice group",
|
|
2291
|
+
"Choice buttons"
|
|
2292
|
+
],
|
|
1911
2293
|
"preview": {
|
|
1912
2294
|
"type": "story",
|
|
1913
2295
|
"story": "primary",
|
|
@@ -1935,7 +2317,9 @@
|
|
|
1935
2317
|
"selectable",
|
|
1936
2318
|
"button",
|
|
1937
2319
|
"group",
|
|
1938
|
-
"field"
|
|
2320
|
+
"field",
|
|
2321
|
+
"TanStackSelectableButtonGroupField",
|
|
2322
|
+
"Form button choice group"
|
|
1939
2323
|
],
|
|
1940
2324
|
"preview": {
|
|
1941
2325
|
"type": "story",
|
|
@@ -1964,7 +2348,9 @@
|
|
|
1964
2348
|
"tanstack",
|
|
1965
2349
|
"selectable",
|
|
1966
2350
|
"button",
|
|
1967
|
-
"group"
|
|
2351
|
+
"group",
|
|
2352
|
+
"TanStackSelectableButtonGroup",
|
|
2353
|
+
"Bound button choice group"
|
|
1968
2354
|
],
|
|
1969
2355
|
"preview": {
|
|
1970
2356
|
"type": "story",
|
|
@@ -1995,7 +2381,9 @@
|
|
|
1995
2381
|
"card",
|
|
1996
2382
|
"checkbox",
|
|
1997
2383
|
"group",
|
|
1998
|
-
"field"
|
|
2384
|
+
"field",
|
|
2385
|
+
"TanStackSelectableCardCheckboxGroupField",
|
|
2386
|
+
"Multi-select card field"
|
|
1999
2387
|
],
|
|
2000
2388
|
"preview": {
|
|
2001
2389
|
"type": "story",
|
|
@@ -2022,7 +2410,10 @@
|
|
|
2022
2410
|
"selectable-card-checkbox-group",
|
|
2023
2411
|
"tanstack-selectable-card-checkbox-group",
|
|
2024
2412
|
"checkbox",
|
|
2025
|
-
"cards"
|
|
2413
|
+
"cards",
|
|
2414
|
+
"TanStackSelectableCardCheckboxGroup",
|
|
2415
|
+
"Checkbox cards",
|
|
2416
|
+
"Multi-select cards"
|
|
2026
2417
|
],
|
|
2027
2418
|
"preview": {
|
|
2028
2419
|
"type": "story",
|
|
@@ -2053,7 +2444,9 @@
|
|
|
2053
2444
|
"card",
|
|
2054
2445
|
"radio",
|
|
2055
2446
|
"group",
|
|
2056
|
-
"field"
|
|
2447
|
+
"field",
|
|
2448
|
+
"TanStackSelectableCardRadioGroupField",
|
|
2449
|
+
"Single-select card field"
|
|
2057
2450
|
],
|
|
2058
2451
|
"preview": {
|
|
2059
2452
|
"type": "story",
|
|
@@ -2080,7 +2473,10 @@
|
|
|
2080
2473
|
"selectable-card-radio-group",
|
|
2081
2474
|
"tanstack-selectable-card-radio-group",
|
|
2082
2475
|
"radio",
|
|
2083
|
-
"cards"
|
|
2476
|
+
"cards",
|
|
2477
|
+
"TanStackSelectableCardRadioGroup",
|
|
2478
|
+
"Radio cards",
|
|
2479
|
+
"Single-select cards"
|
|
2084
2480
|
],
|
|
2085
2481
|
"preview": {
|
|
2086
2482
|
"type": "story",
|
|
@@ -2102,7 +2498,14 @@
|
|
|
2102
2498
|
"description": "Opens supporting content or workflows in a panel anchored to the side of the viewport.",
|
|
2103
2499
|
"docsHref": "?path=/docs/component-reference-sidepanel--docs",
|
|
2104
2500
|
"id": "component-reference-sidepanel",
|
|
2105
|
-
"keywords": [
|
|
2501
|
+
"keywords": [
|
|
2502
|
+
"side-panel",
|
|
2503
|
+
"side",
|
|
2504
|
+
"panel",
|
|
2505
|
+
"Drawer",
|
|
2506
|
+
"Side sheet",
|
|
2507
|
+
"Slide-over"
|
|
2508
|
+
],
|
|
2106
2509
|
"preview": {
|
|
2107
2510
|
"type": "image",
|
|
2108
2511
|
"src": "/catalog/sidepanel-preview.png",
|
|
@@ -2122,7 +2525,13 @@
|
|
|
2122
2525
|
"description": "Adds keyboard shortcuts for jumping directly to important page regions.",
|
|
2123
2526
|
"docsHref": "?path=/docs/component-reference-skiplinks--docs",
|
|
2124
2527
|
"id": "component-reference-skiplinks",
|
|
2125
|
-
"keywords": [
|
|
2528
|
+
"keywords": [
|
|
2529
|
+
"skip-links",
|
|
2530
|
+
"skip",
|
|
2531
|
+
"links",
|
|
2532
|
+
"Skip navigation",
|
|
2533
|
+
"Skip to content"
|
|
2534
|
+
],
|
|
2126
2535
|
"preview": {
|
|
2127
2536
|
"type": "image",
|
|
2128
2537
|
"src": "/catalog/skiplinks-preview.png",
|
|
@@ -2137,7 +2546,12 @@
|
|
|
2137
2546
|
"description": "Indicates loading when progress is unknown or a short operation is pending.",
|
|
2138
2547
|
"docsHref": "?path=/docs/component-reference-spinner--docs",
|
|
2139
2548
|
"id": "component-reference-spinner",
|
|
2140
|
-
"keywords": [
|
|
2549
|
+
"keywords": [
|
|
2550
|
+
"spinner",
|
|
2551
|
+
"Loading indicator",
|
|
2552
|
+
"Circular loader",
|
|
2553
|
+
"Activity indicator"
|
|
2554
|
+
],
|
|
2141
2555
|
"preview": {
|
|
2142
2556
|
"type": "story",
|
|
2143
2557
|
"story": "primary",
|
|
@@ -2152,7 +2566,7 @@
|
|
|
2152
2566
|
"description": "Guides users through ordered flows by marking completed, current, and upcoming steps.",
|
|
2153
2567
|
"docsHref": "?path=/docs/component-reference-stepper--docs",
|
|
2154
2568
|
"id": "component-reference-stepper",
|
|
2155
|
-
"keywords": ["stepper"],
|
|
2569
|
+
"keywords": ["stepper", "Steps", "Wizard progress", "Progress steps"],
|
|
2156
2570
|
"preview": {
|
|
2157
2571
|
"type": "story",
|
|
2158
2572
|
"story": "primary",
|
|
@@ -2172,7 +2586,7 @@
|
|
|
2172
2586
|
"description": "Provides accessible table primitives for custom tabular layouts and row interactions.",
|
|
2173
2587
|
"docsHref": "?path=/docs/component-reference-table--docs",
|
|
2174
2588
|
"id": "component-reference-table",
|
|
2175
|
-
"keywords": ["table"],
|
|
2589
|
+
"keywords": ["table", "Table primitives", "Basic table", "Static table"],
|
|
2176
2590
|
"preview": {
|
|
2177
2591
|
"type": "story",
|
|
2178
2592
|
"story": "default",
|
|
@@ -2188,7 +2602,7 @@
|
|
|
2188
2602
|
"description": "Switches between related panels while keeping one panel visible at a time.",
|
|
2189
2603
|
"docsHref": "?path=/docs/component-reference-tabs--docs",
|
|
2190
2604
|
"id": "component-reference-tabs",
|
|
2191
|
-
"keywords": ["tabs"],
|
|
2605
|
+
"keywords": ["tabs", "Tab list", "Tabbed interface"],
|
|
2192
2606
|
"preview": {
|
|
2193
2607
|
"type": "story",
|
|
2194
2608
|
"story": "primary",
|
|
@@ -2208,7 +2622,7 @@
|
|
|
2208
2622
|
"description": "Tabs integrates Unity with TanStack Router navigation patterns.",
|
|
2209
2623
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-tabs--docs",
|
|
2210
2624
|
"id": "library-integrations-reference-tanstack-router-tabs",
|
|
2211
|
-
"keywords": ["tanstack-router", "tabs"],
|
|
2625
|
+
"keywords": ["tanstack-router", "tabs", "RouterTabs", "Route tabs"],
|
|
2212
2626
|
"preview": {
|
|
2213
2627
|
"type": "story",
|
|
2214
2628
|
"story": "basic-tab-navigation",
|
|
@@ -2227,7 +2641,13 @@
|
|
|
2227
2641
|
"description": "Displays task-oriented navigation and actions with a nested menu structure.",
|
|
2228
2642
|
"docsHref": "?path=/docs/component-reference-taskmenu--docs",
|
|
2229
2643
|
"id": "component-reference-taskmenu",
|
|
2230
|
-
"keywords": [
|
|
2644
|
+
"keywords": [
|
|
2645
|
+
"task-menu",
|
|
2646
|
+
"task",
|
|
2647
|
+
"menu",
|
|
2648
|
+
"Task navigation",
|
|
2649
|
+
"Nested task menu"
|
|
2650
|
+
],
|
|
2231
2651
|
"preview": {
|
|
2232
2652
|
"type": "story",
|
|
2233
2653
|
"story": "default",
|
|
@@ -2249,7 +2669,12 @@
|
|
|
2249
2669
|
"description": "Task integrates Unity with TanStack Router navigation patterns.",
|
|
2250
2670
|
"docsHref": "?path=/docs/library-integrations-reference-tanstack-router-taskmenu--docs",
|
|
2251
2671
|
"id": "library-integrations-reference-tanstack-router-taskmenu",
|
|
2252
|
-
"keywords": [
|
|
2672
|
+
"keywords": [
|
|
2673
|
+
"tanstack-router",
|
|
2674
|
+
"task",
|
|
2675
|
+
"RouterTaskMenu",
|
|
2676
|
+
"Router task navigation"
|
|
2677
|
+
],
|
|
2253
2678
|
"preview": {
|
|
2254
2679
|
"type": "story",
|
|
2255
2680
|
"story": "basic-task-navigation",
|
|
@@ -2268,7 +2693,7 @@
|
|
|
2268
2693
|
"description": "Applies Unity typography variants, colors, truncation, and line clamping to semantic text.",
|
|
2269
2694
|
"docsHref": "?path=/docs/component-reference-text--docs",
|
|
2270
2695
|
"id": "component-reference-text",
|
|
2271
|
-
"keywords": ["text"],
|
|
2696
|
+
"keywords": ["text", "Typography", "Text primitive"],
|
|
2272
2697
|
"preview": {
|
|
2273
2698
|
"type": "story",
|
|
2274
2699
|
"story": "default",
|
|
@@ -2283,7 +2708,7 @@
|
|
|
2283
2708
|
"description": "Captures longer free-form text with Unity styling and controlled resize behavior.",
|
|
2284
2709
|
"docsHref": "?path=/docs/component-reference-textarea--docs",
|
|
2285
2710
|
"id": "component-reference-textarea",
|
|
2286
|
-
"keywords": ["text-area", "text", "area"],
|
|
2711
|
+
"keywords": ["text-area", "text", "area", "Textarea", "Multiline input"],
|
|
2287
2712
|
"preview": {
|
|
2288
2713
|
"type": "story",
|
|
2289
2714
|
"story": "default",
|
|
@@ -2303,7 +2728,9 @@
|
|
|
2303
2728
|
"tanstack-text-area",
|
|
2304
2729
|
"tanstack",
|
|
2305
2730
|
"text",
|
|
2306
|
-
"area"
|
|
2731
|
+
"area",
|
|
2732
|
+
"TanStackTextArea",
|
|
2733
|
+
"Bound textarea"
|
|
2307
2734
|
],
|
|
2308
2735
|
"preview": {
|
|
2309
2736
|
"type": "story",
|
|
@@ -2330,7 +2757,9 @@
|
|
|
2330
2757
|
"tanstack-text-field",
|
|
2331
2758
|
"tanstack",
|
|
2332
2759
|
"text",
|
|
2333
|
-
"field"
|
|
2760
|
+
"field",
|
|
2761
|
+
"TanStackTextField",
|
|
2762
|
+
"Form text field"
|
|
2334
2763
|
],
|
|
2335
2764
|
"preview": {
|
|
2336
2765
|
"type": "story",
|
|
@@ -2351,7 +2780,13 @@
|
|
|
2351
2780
|
"description": "Binds a text input to TanStack Form state for text, email, search, password, tel, and URL values.",
|
|
2352
2781
|
"docsHref": "?path=/docs/forms-reference-textinput--docs",
|
|
2353
2782
|
"id": "forms-reference-textinput",
|
|
2354
|
-
"keywords": [
|
|
2783
|
+
"keywords": [
|
|
2784
|
+
"input",
|
|
2785
|
+
"tanstack-input",
|
|
2786
|
+
"tanstack",
|
|
2787
|
+
"TanStackInput",
|
|
2788
|
+
"Bound text input"
|
|
2789
|
+
],
|
|
2355
2790
|
"preview": {
|
|
2356
2791
|
"type": "story",
|
|
2357
2792
|
"story": "default",
|
|
@@ -2371,7 +2806,7 @@
|
|
|
2371
2806
|
"description": "Arranges chronological events or milestones with markers, labels, and supporting content.",
|
|
2372
2807
|
"docsHref": "?path=/docs/component-reference-timeline--docs",
|
|
2373
2808
|
"id": "component-reference-timeline",
|
|
2374
|
-
"keywords": ["timeline"],
|
|
2809
|
+
"keywords": ["timeline", "Event timeline", "Activity feed", "History"],
|
|
2375
2810
|
"preview": {
|
|
2376
2811
|
"type": "story",
|
|
2377
2812
|
"story": "vertical-default",
|
|
@@ -2412,7 +2847,9 @@
|
|
|
2412
2847
|
"tanstack",
|
|
2413
2848
|
"toggle",
|
|
2414
2849
|
"switch",
|
|
2415
|
-
"field"
|
|
2850
|
+
"field",
|
|
2851
|
+
"TanStackToggleSwitchField",
|
|
2852
|
+
"Form switch"
|
|
2416
2853
|
],
|
|
2417
2854
|
"preview": {
|
|
2418
2855
|
"type": "story",
|
|
@@ -2434,7 +2871,14 @@
|
|
|
2434
2871
|
"description": "Groups related switches for editing several boolean settings together.",
|
|
2435
2872
|
"docsHref": "?path=/docs/component-reference-toggleswitchgroup--docs",
|
|
2436
2873
|
"id": "component-reference-toggleswitchgroup",
|
|
2437
|
-
"keywords": [
|
|
2874
|
+
"keywords": [
|
|
2875
|
+
"toggle-switch-group",
|
|
2876
|
+
"toggle",
|
|
2877
|
+
"switch",
|
|
2878
|
+
"group",
|
|
2879
|
+
"Switch group",
|
|
2880
|
+
"Settings toggles"
|
|
2881
|
+
],
|
|
2438
2882
|
"preview": {
|
|
2439
2883
|
"type": "story",
|
|
2440
2884
|
"story": "default",
|
|
@@ -2462,7 +2906,9 @@
|
|
|
2462
2906
|
"toggle",
|
|
2463
2907
|
"switch",
|
|
2464
2908
|
"group",
|
|
2465
|
-
"field"
|
|
2909
|
+
"field",
|
|
2910
|
+
"TanStackToggleSwitchGroupField",
|
|
2911
|
+
"Form switch group"
|
|
2466
2912
|
],
|
|
2467
2913
|
"preview": {
|
|
2468
2914
|
"type": "story",
|
|
@@ -2491,7 +2937,9 @@
|
|
|
2491
2937
|
"tanstack",
|
|
2492
2938
|
"toggle",
|
|
2493
2939
|
"switch",
|
|
2494
|
-
"group"
|
|
2940
|
+
"group",
|
|
2941
|
+
"TanStackToggleSwitchGroup",
|
|
2942
|
+
"Bound switch group"
|
|
2495
2943
|
],
|
|
2496
2944
|
"preview": {
|
|
2497
2945
|
"type": "story",
|
|
@@ -2519,7 +2967,9 @@
|
|
|
2519
2967
|
"tanstack-toggle-switch",
|
|
2520
2968
|
"tanstack",
|
|
2521
2969
|
"toggle",
|
|
2522
|
-
"switch"
|
|
2970
|
+
"switch",
|
|
2971
|
+
"TanStackToggleSwitch",
|
|
2972
|
+
"Bound switch"
|
|
2523
2973
|
],
|
|
2524
2974
|
"preview": {
|
|
2525
2975
|
"type": "story",
|
|
@@ -2541,7 +2991,7 @@
|
|
|
2541
2991
|
"description": "Adds short contextual help to a trigger on hover or focus without changing the page layout.",
|
|
2542
2992
|
"docsHref": "?path=/docs/component-reference-tooltip--docs",
|
|
2543
2993
|
"id": "component-reference-tooltip",
|
|
2544
|
-
"keywords": ["tooltip"],
|
|
2994
|
+
"keywords": ["tooltip", "Hint", "Hover help"],
|
|
2545
2995
|
"preview": {
|
|
2546
2996
|
"type": "image",
|
|
2547
2997
|
"src": "/catalog/tooltip-preview.png",
|
|
@@ -2556,7 +3006,13 @@
|
|
|
2556
3006
|
"description": "Displays transient feedback messages for success, error, warning, or information.",
|
|
2557
3007
|
"docsHref": "?path=/docs/component-reference-toast-unitytoast--docs",
|
|
2558
3008
|
"id": "component-reference-toast-unitytoast",
|
|
2559
|
-
"keywords": [
|
|
3009
|
+
"keywords": [
|
|
3010
|
+
"toast",
|
|
3011
|
+
"unity-toast",
|
|
3012
|
+
"unity",
|
|
3013
|
+
"Snackbar",
|
|
3014
|
+
"Notification toast"
|
|
3015
|
+
],
|
|
2560
3016
|
"preview": {
|
|
2561
3017
|
"type": "story",
|
|
2562
3018
|
"story": "without-content",
|