@czi-sds/mcp 0.5.2 → 0.5.3
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/data/tailwind.json +25 -25
- package/data/zeroheight-cache.json +5065 -1
- package/data/zeroheight-exports/Accordion.md +81 -20
- package/data/zeroheight-exports/Banner.md +104 -10
- package/data/zeroheight-exports/Buttons.md +1029 -1454
- package/data/zeroheight-exports/Callout.md +174 -9
- package/data/zeroheight-exports/Colors.md +1164 -41
- package/data/zeroheight-exports/Content-Card.md +148 -0
- package/data/zeroheight-exports/Control-Inputs.md +778 -63
- package/data/zeroheight-exports/Corners.md +8 -15
- package/data/zeroheight-exports/Dialog.md +200 -12
- package/data/zeroheight-exports/Downloads.md +120 -0
- package/data/zeroheight-exports/Dropdown-Input.md +616 -12
- package/data/zeroheight-exports/Dropdown-Menus.md +1150 -0
- package/data/zeroheight-exports/Field-Inputs.md +450 -9
- package/data/zeroheight-exports/Filters.md +238 -9
- package/data/zeroheight-exports/Getting-Started.md +7 -3
- package/data/zeroheight-exports/Hero.md +152 -0
- package/data/zeroheight-exports/Icons.md +1854 -218
- package/data/zeroheight-exports/Intent.md +40 -0
- package/data/zeroheight-exports/Link.md +52 -6
- package/data/zeroheight-exports/Lists.md +364 -6
- package/data/zeroheight-exports/Loading-Indicator.md +8 -0
- package/data/zeroheight-exports/Navigation.md +328 -6
- package/data/zeroheight-exports/Notification.md +172 -12
- package/data/zeroheight-exports/Panel.md +72 -12
- package/data/zeroheight-exports/README.md +17 -19
- package/data/zeroheight-exports/Responsive-Design.md +52 -0
- package/data/zeroheight-exports/Search-Input.md +44 -0
- package/data/zeroheight-exports/Search.md +248 -0
- package/data/zeroheight-exports/Segmented-Control.md +34 -9
- package/data/zeroheight-exports/Table.md +468 -47
- package/data/zeroheight-exports/Tabs.md +542 -9
- package/data/zeroheight-exports/Tags.md +504 -12
- package/data/zeroheight-exports/Text-Link.md +100 -0
- package/data/zeroheight-exports/Theming.md +36 -6
- package/data/zeroheight-exports/Tooltips.md +466 -15
- package/data/zeroheight-exports/Typography.md +64 -32
- package/package.json +3 -3
- package/data/zeroheight-exports/Dropdown-Menu.md +0 -3883
|
@@ -27,15 +27,79 @@ Tabs can also optionally be paired with an underline beneath them that spans the
|
|
|
27
27
|
| **Default** | **Hover** | **Active** | **Disabled** |
|
|
28
28
|
| ----------- | --------- | ---------- | ------------ |
|
|
29
29
|
|
|
30
|
+
**Large_No Underline_No Alert_Default**
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
**Large_No Underline_No Alert_Hover**
|
|
35
|
+
|
|
36
|
+
---
|
|
37
|
+
|
|
38
|
+
**Large_No Underline_No Alert_Active**
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
**Large_No Underline_No Alert_Disabled**
|
|
43
|
+
|
|
44
|
+
---
|
|
45
|
+
|
|
30
46
|
| **Default + Alert** | **Hover** | **Active** | **Disabled** |
|
|
31
47
|
| ------------------- | --------- | ---------- | ------------ |
|
|
32
48
|
|
|
49
|
+
**Large_No Underline_Alert_Default**
|
|
50
|
+
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
**Large_No Underline_Alert_Hover**
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
**Large_No Underline_Alert_Active**
|
|
58
|
+
|
|
59
|
+
---
|
|
60
|
+
|
|
61
|
+
**Large_No Underline_Alert_Disabled**
|
|
62
|
+
|
|
63
|
+
---
|
|
64
|
+
|
|
33
65
|
| **Default + Underline** | **Hover** | **Active** | **Disabled** |
|
|
34
66
|
| ----------------------- | --------- | ---------- | ------------ |
|
|
35
67
|
|
|
68
|
+
**Large_Underline_No Alert_Default**
|
|
69
|
+
|
|
70
|
+
---
|
|
71
|
+
|
|
72
|
+
**Large_Underline_No Alert_Hover**
|
|
73
|
+
|
|
74
|
+
---
|
|
75
|
+
|
|
76
|
+
**Large_Underline_No Alert_Active**
|
|
77
|
+
|
|
78
|
+
---
|
|
79
|
+
|
|
80
|
+
**Large_Underline_No Alert_Disabled**
|
|
81
|
+
|
|
82
|
+
---
|
|
83
|
+
|
|
36
84
|
| **Default + Alert + Underline** | **Hover** | **Active** | **Disabled** |
|
|
37
85
|
| ------------------------------- | --------- | ---------- | ------------ |
|
|
38
86
|
|
|
87
|
+
**Large_Underline_Alert_Default**
|
|
88
|
+
|
|
89
|
+
---
|
|
90
|
+
|
|
91
|
+
**Large_Underline_Alert_Hover**
|
|
92
|
+
|
|
93
|
+
---
|
|
94
|
+
|
|
95
|
+
**Large_Underline_Alert_Active**
|
|
96
|
+
|
|
97
|
+
---
|
|
98
|
+
|
|
99
|
+
**Large_Underline_Alert_Disabled**
|
|
100
|
+
|
|
101
|
+
---
|
|
102
|
+
|
|
39
103
|
### Small Tabs
|
|
40
104
|
|
|
41
105
|
Alternative Tab size to be used in napari hub on plugin detail pages for plugins whose authors are using official formatting for their plugin citations.
|
|
@@ -43,21 +107,89 @@ Alternative Tab size to be used in napari hub on plugin detail pages for plugins
|
|
|
43
107
|
| **Default** | **Hover** | **Active** | **Disabled** |
|
|
44
108
|
| ----------- | --------- | ---------- | ------------ |
|
|
45
109
|
|
|
110
|
+
**Small_No Underline_No Alert_Default**
|
|
111
|
+
|
|
112
|
+
---
|
|
113
|
+
|
|
114
|
+
**Small_No Underline_No Alert_Hover**
|
|
115
|
+
|
|
116
|
+
---
|
|
117
|
+
|
|
118
|
+
**Small_No Underline_No Alert_Active**
|
|
119
|
+
|
|
120
|
+
---
|
|
121
|
+
|
|
122
|
+
**Small_No Underline_No Alert_Disabled**
|
|
123
|
+
|
|
124
|
+
---
|
|
125
|
+
|
|
46
126
|
| **Default + Alert** | **Hover** | **Active** | **Disabled** |
|
|
47
127
|
| ------------------- | --------- | ---------- | ------------ |
|
|
48
128
|
|
|
129
|
+
**Small_No Underline_Alert_Default**
|
|
130
|
+
|
|
131
|
+
---
|
|
132
|
+
|
|
133
|
+
**Small_No Underline_Alert_Hover**
|
|
134
|
+
|
|
135
|
+
---
|
|
136
|
+
|
|
137
|
+
**Small_No Underline_Alert_Active**
|
|
138
|
+
|
|
139
|
+
---
|
|
140
|
+
|
|
141
|
+
**Small_No Underline_Alert_Disabled**
|
|
142
|
+
|
|
143
|
+
---
|
|
144
|
+
|
|
49
145
|
| **Default + Underline** | **Hover** | **Active** | **Disabled** |
|
|
50
146
|
| ----------------------- | --------- | ---------- | ------------ |
|
|
51
147
|
|
|
148
|
+
**Small_Underline_No Alert_Default**
|
|
149
|
+
|
|
150
|
+
---
|
|
151
|
+
|
|
152
|
+
**Small_Underline_No Alert_Hover**
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
156
|
+
**Small_Underline_No Alert_Active**
|
|
157
|
+
|
|
158
|
+
---
|
|
159
|
+
|
|
160
|
+
**Small_Underline_No Alert_Disabled**
|
|
161
|
+
|
|
162
|
+
---
|
|
163
|
+
|
|
52
164
|
| **Default + Alert + Underline** | **Hover** | **Active** | **Disabled** |
|
|
53
165
|
| ------------------------------- | --------- | ---------- | ------------ |
|
|
54
166
|
|
|
167
|
+
**Small_Underline_Alert_Default**
|
|
168
|
+
|
|
169
|
+
---
|
|
170
|
+
|
|
171
|
+
**Small_Underline_Alert_Hover**
|
|
172
|
+
|
|
173
|
+
---
|
|
174
|
+
|
|
175
|
+
**Small_Underline_Alert_Active**
|
|
176
|
+
|
|
177
|
+
---
|
|
178
|
+
|
|
179
|
+
**Small_Underline_Alert_Disabled**
|
|
180
|
+
|
|
181
|
+
---
|
|
182
|
+
|
|
55
183
|
---
|
|
56
184
|
|
|
57
185
|
### Tabs Spacing
|
|
58
186
|
|
|
59
187
|
These rules establish how much margin should exist between and around elements.
|
|
60
188
|
|
|
189
|
+
**Tabs spacing**
|
|
190
|
+
|
|
191
|
+
---
|
|
192
|
+
|
|
61
193
|
|
|
62
194
|
|
|
63
195
|
## Code
|
|
@@ -104,17 +236,81 @@ Overall, include a counter when necessary to indicate the number of items on tha
|
|
|
104
236
|
| **Default** | **Hover** | **Active** | **Disabled** |
|
|
105
237
|
| ----------- | --------- | ---------- | ------------ |
|
|
106
238
|
|
|
239
|
+
**Tabs**
|
|
240
|
+
|
|
241
|
+
---
|
|
242
|
+
|
|
243
|
+
**Tabs**
|
|
244
|
+
|
|
245
|
+
---
|
|
246
|
+
|
|
247
|
+
**Tabs**
|
|
248
|
+
|
|
249
|
+
---
|
|
250
|
+
|
|
251
|
+
**Tabs**
|
|
252
|
+
|
|
253
|
+
---
|
|
254
|
+
|
|
107
255
|
| **Default + Count** | **Hover** | **Active** | **Disabled** |
|
|
108
256
|
| ------------------- | --------- | ---------- | ------------ |
|
|
109
257
|
|
|
258
|
+
**Tabs**
|
|
259
|
+
|
|
260
|
+
---
|
|
261
|
+
|
|
262
|
+
**Tabs**
|
|
263
|
+
|
|
264
|
+
---
|
|
265
|
+
|
|
266
|
+
**Tabs**
|
|
267
|
+
|
|
268
|
+
---
|
|
269
|
+
|
|
270
|
+
**Tabs**
|
|
271
|
+
|
|
272
|
+
---
|
|
273
|
+
|
|
110
274
|
| **Default + Underline** | **Hover** | **Active** | **Disabled** |
|
|
111
275
|
| ----------------------- | --------- | ---------- | ------------ |
|
|
112
276
|
|
|
113
277
|
|
|
114
278
|
|
|
279
|
+
**Tabs**
|
|
280
|
+
|
|
281
|
+
---
|
|
282
|
+
|
|
283
|
+
**Tabs**
|
|
284
|
+
|
|
285
|
+
---
|
|
286
|
+
|
|
287
|
+
**Tabs**
|
|
288
|
+
|
|
289
|
+
---
|
|
290
|
+
|
|
291
|
+
**Tabs**
|
|
292
|
+
|
|
293
|
+
---
|
|
294
|
+
|
|
115
295
|
| **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
|
|
116
296
|
| ------------------------------- | --------- | ---------- | ------------ |
|
|
117
297
|
|
|
298
|
+
**Tabs**
|
|
299
|
+
|
|
300
|
+
---
|
|
301
|
+
|
|
302
|
+
**Tabs**
|
|
303
|
+
|
|
304
|
+
---
|
|
305
|
+
|
|
306
|
+
**Tabs**
|
|
307
|
+
|
|
308
|
+
---
|
|
309
|
+
|
|
310
|
+
**Tabs**
|
|
311
|
+
|
|
312
|
+
---
|
|
313
|
+
|
|
118
314
|
### Small Tabs
|
|
119
315
|
|
|
120
316
|
Alternative Tab size to be used only in conjunction with Large Tabs when a secondary layer of tabbing is needed.
|
|
@@ -124,21 +320,89 @@ Include a counter when necessary to indicate the number of items on that Tab's s
|
|
|
124
320
|
| **Default** | **Hover** | **Active** | **Disabled** |
|
|
125
321
|
| ----------- | --------- | ---------- | ------------ |
|
|
126
322
|
|
|
323
|
+
**Tabs**
|
|
324
|
+
|
|
325
|
+
---
|
|
326
|
+
|
|
327
|
+
**Tabs**
|
|
328
|
+
|
|
329
|
+
---
|
|
330
|
+
|
|
331
|
+
**Tabs**
|
|
332
|
+
|
|
333
|
+
---
|
|
334
|
+
|
|
335
|
+
**Tabs**
|
|
336
|
+
|
|
337
|
+
---
|
|
338
|
+
|
|
127
339
|
| **Default + Count** | **Hover** | **Active** | **Disabled** |
|
|
128
340
|
| ------------------- | --------- | ---------- | ------------ |
|
|
129
341
|
|
|
342
|
+
**Tabs**
|
|
343
|
+
|
|
344
|
+
---
|
|
345
|
+
|
|
346
|
+
**Tabs**
|
|
347
|
+
|
|
348
|
+
---
|
|
349
|
+
|
|
350
|
+
**Tabs**
|
|
351
|
+
|
|
352
|
+
---
|
|
353
|
+
|
|
354
|
+
**Tabs**
|
|
355
|
+
|
|
356
|
+
---
|
|
357
|
+
|
|
130
358
|
| **Default + Underline** | **Hover** | **Active** | **Disabled** |
|
|
131
359
|
| ----------------------- | --------- | ---------- | ------------ |
|
|
132
360
|
|
|
361
|
+
**Tabs**
|
|
362
|
+
|
|
363
|
+
---
|
|
364
|
+
|
|
365
|
+
**Tabs**
|
|
366
|
+
|
|
367
|
+
---
|
|
368
|
+
|
|
369
|
+
**Tabs**
|
|
370
|
+
|
|
371
|
+
---
|
|
372
|
+
|
|
373
|
+
**Tabs**
|
|
374
|
+
|
|
375
|
+
---
|
|
376
|
+
|
|
133
377
|
| **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
|
|
134
378
|
| ------------------------------- | --------- | ---------- | ------------ |
|
|
135
379
|
|
|
380
|
+
**Tabs**
|
|
381
|
+
|
|
382
|
+
---
|
|
383
|
+
|
|
384
|
+
**Tabs**
|
|
385
|
+
|
|
386
|
+
---
|
|
387
|
+
|
|
388
|
+
**Tabs**
|
|
389
|
+
|
|
390
|
+
---
|
|
391
|
+
|
|
392
|
+
**Tabs**
|
|
393
|
+
|
|
394
|
+
---
|
|
395
|
+
|
|
136
396
|
---
|
|
137
397
|
|
|
138
398
|
### Tabs Spacing
|
|
139
399
|
|
|
140
400
|
These rules establish how much margin should exist between and around elements.
|
|
141
401
|
|
|
402
|
+
**Tabs Spacing**
|
|
403
|
+
|
|
404
|
+
---
|
|
405
|
+
|
|
142
406
|
|
|
143
407
|
|
|
144
408
|
## Code
|
|
@@ -187,15 +451,79 @@ Include a counter when necessary to indicate the number of items on that Tab's s
|
|
|
187
451
|
| **Default** | **Hover** | **Active** | **Disabled** |
|
|
188
452
|
| ----------- | --------- | ---------- | ------------ |
|
|
189
453
|
|
|
454
|
+
**Large_No Underline_No Count_Default**
|
|
455
|
+
|
|
456
|
+
---
|
|
457
|
+
|
|
458
|
+
**Large_No Underline_No Count_Hover**
|
|
459
|
+
|
|
460
|
+
---
|
|
461
|
+
|
|
462
|
+
**Large_No Underline_No Count_Active**
|
|
463
|
+
|
|
464
|
+
---
|
|
465
|
+
|
|
466
|
+
**Large_No Underline_No Count_Disabled**
|
|
467
|
+
|
|
468
|
+
---
|
|
469
|
+
|
|
190
470
|
| **Default + Count** | **Hover** | **Active** | **Disabled** |
|
|
191
471
|
| ------------------- | --------- | ---------- | ------------ |
|
|
192
472
|
|
|
473
|
+
**Large_No Underline_Count_Default**
|
|
474
|
+
|
|
475
|
+
---
|
|
476
|
+
|
|
477
|
+
**Large_No Underline_Count_Hover**
|
|
478
|
+
|
|
479
|
+
---
|
|
480
|
+
|
|
481
|
+
**Large_No Underline_Count_Active**
|
|
482
|
+
|
|
483
|
+
---
|
|
484
|
+
|
|
485
|
+
**Large_No Underline_Count_Disabled**
|
|
486
|
+
|
|
487
|
+
---
|
|
488
|
+
|
|
193
489
|
| **Default + Underline** | **Hover** | **Active** | **Disabled** |
|
|
194
490
|
| ----------------------- | --------- | ---------- | ------------ |
|
|
195
491
|
|
|
492
|
+
**Large_Underline_No Count_Default**
|
|
493
|
+
|
|
494
|
+
---
|
|
495
|
+
|
|
496
|
+
**Large_Underline_No Count_Hover**
|
|
497
|
+
|
|
498
|
+
---
|
|
499
|
+
|
|
500
|
+
**Large_Underline_No Count_Active**
|
|
501
|
+
|
|
502
|
+
---
|
|
503
|
+
|
|
504
|
+
**Large_Underline_No Count_Disabled**
|
|
505
|
+
|
|
506
|
+
---
|
|
507
|
+
|
|
196
508
|
| **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
|
|
197
509
|
| ------------------------------- | --------- | ---------- | ------------ |
|
|
198
510
|
|
|
511
|
+
**Large_Underline_Count_Default**
|
|
512
|
+
|
|
513
|
+
---
|
|
514
|
+
|
|
515
|
+
**Large_Underline_Count_Hover**
|
|
516
|
+
|
|
517
|
+
---
|
|
518
|
+
|
|
519
|
+
**Large_Underline_Count_Active**
|
|
520
|
+
|
|
521
|
+
---
|
|
522
|
+
|
|
523
|
+
**Large_Underline_Count_Disabled**
|
|
524
|
+
|
|
525
|
+
---
|
|
526
|
+
|
|
199
527
|
|
|
200
528
|
|
|
201
529
|
### Small Tabs
|
|
@@ -207,21 +535,89 @@ Include a counter when necessary to indicate the number of items on that Tab's s
|
|
|
207
535
|
| **Default** | **Hover** | **Active** | **Disabled** |
|
|
208
536
|
| ----------- | --------- | ---------- | ------------ |
|
|
209
537
|
|
|
538
|
+
**Small_No Underline_No Count_Default**
|
|
539
|
+
|
|
540
|
+
---
|
|
541
|
+
|
|
542
|
+
**Small_No Underline_No Count_Hover**
|
|
543
|
+
|
|
544
|
+
---
|
|
545
|
+
|
|
546
|
+
**Small_No Underline_No Count_Active**
|
|
547
|
+
|
|
548
|
+
---
|
|
549
|
+
|
|
550
|
+
**Small_No Underline_No Count_Disabled**
|
|
551
|
+
|
|
552
|
+
---
|
|
553
|
+
|
|
210
554
|
| **Default + Count** | **Hover** | **Active** | **Disabled** |
|
|
211
555
|
| ------------------- | --------- | ---------- | ------------ |
|
|
212
556
|
|
|
557
|
+
**Small_No Underline_Count_Default**
|
|
558
|
+
|
|
559
|
+
---
|
|
560
|
+
|
|
561
|
+
**Small_No Underline_Count_Hover**
|
|
562
|
+
|
|
563
|
+
---
|
|
564
|
+
|
|
565
|
+
**Small_No Underline_Count_Active**
|
|
566
|
+
|
|
567
|
+
---
|
|
568
|
+
|
|
569
|
+
**Small_No Underline_Count_Disabled**
|
|
570
|
+
|
|
571
|
+
---
|
|
572
|
+
|
|
213
573
|
| **Default + Underline** | **Hover** | **Active** | **Disabled** |
|
|
214
574
|
| ----------------------- | --------- | ---------- | ------------ |
|
|
215
575
|
|
|
576
|
+
**Small_Underline_No Count_Default**
|
|
577
|
+
|
|
578
|
+
---
|
|
579
|
+
|
|
580
|
+
**Small_Underline_No Count_Hover**
|
|
581
|
+
|
|
582
|
+
---
|
|
583
|
+
|
|
584
|
+
**Small_Underline_No Count_Active**
|
|
585
|
+
|
|
586
|
+
---
|
|
587
|
+
|
|
588
|
+
**Small_Underline_No Count_Disabled**
|
|
589
|
+
|
|
590
|
+
---
|
|
591
|
+
|
|
216
592
|
| **Default + Count + Underline** | **Hover** | **Active** | **Disabled** |
|
|
217
593
|
| ------------------------------- | --------- | ---------- | ------------ |
|
|
218
594
|
|
|
595
|
+
**Small_Underline_Count_Default**
|
|
596
|
+
|
|
597
|
+
---
|
|
598
|
+
|
|
599
|
+
**Small_Underline_Count_Hover**
|
|
600
|
+
|
|
601
|
+
---
|
|
602
|
+
|
|
603
|
+
**Small_Underline_Count_Active**
|
|
604
|
+
|
|
605
|
+
---
|
|
606
|
+
|
|
607
|
+
**Small_Underline_Count_Disabled**
|
|
608
|
+
|
|
609
|
+
---
|
|
610
|
+
|
|
219
611
|
---
|
|
220
612
|
|
|
221
613
|
### Tabs Spacing
|
|
222
614
|
|
|
223
615
|
These rules establish how much margin should exist between and around elements.
|
|
224
616
|
|
|
617
|
+
**Tabs Spacing**
|
|
618
|
+
|
|
619
|
+
---
|
|
620
|
+
|
|
225
621
|
## Code
|
|
226
622
|
|
|
227
623
|
## Tabs Component
|
|
@@ -250,6 +646,14 @@ Tabs allow users to switch between different sets of information or content that
|
|
|
250
646
|
|
|
251
647
|
There are two sizes of Tabs available for use which is determined by their location in the UI, the key difference being the size of the text on each Tab. Each size can include a counter to indicate the number of items on that Tab’s screen such as when used as part of Filter results. They can also be paired with an underline that spans the width of the entire div the tab group is placed within to provide visual separation between the Tabs and the content beneath them.
|
|
252
648
|
|
|
649
|
+
**Tabs_Large**
|
|
650
|
+
|
|
651
|
+
---
|
|
652
|
+
|
|
653
|
+
**Tabs_Small**
|
|
654
|
+
|
|
655
|
+
---
|
|
656
|
+
|
|
253
657
|
---
|
|
254
658
|
|
|
255
659
|
### Live Instance
|
|
@@ -269,6 +673,70 @@ Include a counter when necessary to indicate the number of viewable items availa
|
|
|
269
673
|
| Default | Hover | Active | Disabled |
|
|
270
674
|
| ------- | ----- | ------ | -------- |
|
|
271
675
|
|
|
676
|
+
**Large_No Underline_No Count_Default**
|
|
677
|
+
|
|
678
|
+
---
|
|
679
|
+
|
|
680
|
+
**Large_No Underline_No Count_Hover**
|
|
681
|
+
|
|
682
|
+
---
|
|
683
|
+
|
|
684
|
+
**Large_No Underline_No Count_Active**
|
|
685
|
+
|
|
686
|
+
---
|
|
687
|
+
|
|
688
|
+
**Large_No Underline_No Count_Disabled**
|
|
689
|
+
|
|
690
|
+
---
|
|
691
|
+
|
|
692
|
+
**Large_No Underline_Count_Default**
|
|
693
|
+
|
|
694
|
+
---
|
|
695
|
+
|
|
696
|
+
**Large_No Underline_Count_Hover**
|
|
697
|
+
|
|
698
|
+
---
|
|
699
|
+
|
|
700
|
+
**Large_No Underline_Count_Active**
|
|
701
|
+
|
|
702
|
+
---
|
|
703
|
+
|
|
704
|
+
**Large_No Underline_Count_Disabled**
|
|
705
|
+
|
|
706
|
+
---
|
|
707
|
+
|
|
708
|
+
**Large_Underline_No Count_Default**
|
|
709
|
+
|
|
710
|
+
---
|
|
711
|
+
|
|
712
|
+
**Large_Underline_No Count_Hover**
|
|
713
|
+
|
|
714
|
+
---
|
|
715
|
+
|
|
716
|
+
**Large_Underline_No Count_Active**
|
|
717
|
+
|
|
718
|
+
---
|
|
719
|
+
|
|
720
|
+
**Large_Underline_No Count_Disabled**
|
|
721
|
+
|
|
722
|
+
---
|
|
723
|
+
|
|
724
|
+
**Large_Underline_Count_Default**
|
|
725
|
+
|
|
726
|
+
---
|
|
727
|
+
|
|
728
|
+
**Large_Underline_Count_Hover**
|
|
729
|
+
|
|
730
|
+
---
|
|
731
|
+
|
|
732
|
+
**Large_Underline_Count_Active**
|
|
733
|
+
|
|
734
|
+
---
|
|
735
|
+
|
|
736
|
+
**Large_Underline_Count_Disabled**
|
|
737
|
+
|
|
738
|
+
---
|
|
739
|
+
|
|
272
740
|
---
|
|
273
741
|
|
|
274
742
|
### Tabs – Small
|
|
@@ -280,12 +748,80 @@ Include a counter when necessary to indicate the number of viewable items availa
|
|
|
280
748
|
| Default | Hover | Active | Disabled |
|
|
281
749
|
| ------- | ----- | ------ | -------- |
|
|
282
750
|
|
|
751
|
+
**Small_No Underline_No Count_Default**
|
|
752
|
+
|
|
753
|
+
---
|
|
754
|
+
|
|
755
|
+
**Small_No Underline_No Count_Hover**
|
|
756
|
+
|
|
757
|
+
---
|
|
758
|
+
|
|
759
|
+
**Small_No Underline_No Count_Active**
|
|
760
|
+
|
|
761
|
+
---
|
|
762
|
+
|
|
763
|
+
**Small_No Underline_No Count_Disabled**
|
|
764
|
+
|
|
765
|
+
---
|
|
766
|
+
|
|
767
|
+
**Small_No Underline_Count_Default**
|
|
768
|
+
|
|
769
|
+
---
|
|
770
|
+
|
|
771
|
+
**Small_No Underline_Count_Hover**
|
|
772
|
+
|
|
773
|
+
---
|
|
774
|
+
|
|
775
|
+
**Small_No Underline_Count_Active**
|
|
776
|
+
|
|
777
|
+
---
|
|
778
|
+
|
|
779
|
+
**Small_No Underline_Count_Disabled**
|
|
780
|
+
|
|
781
|
+
---
|
|
782
|
+
|
|
783
|
+
**Small_Underline_No Count_Default**
|
|
784
|
+
|
|
785
|
+
---
|
|
786
|
+
|
|
787
|
+
**Small_Underline_No Count_Hover**
|
|
788
|
+
|
|
789
|
+
---
|
|
790
|
+
|
|
791
|
+
**Small_Underline_No Count_Active**
|
|
792
|
+
|
|
793
|
+
---
|
|
794
|
+
|
|
795
|
+
**Small_Underline_No Count_Disabled**
|
|
796
|
+
|
|
797
|
+
---
|
|
798
|
+
|
|
799
|
+
**Small_Underline_Count_Default**
|
|
800
|
+
|
|
801
|
+
---
|
|
802
|
+
|
|
803
|
+
**Small_Underline_Count_Hover**
|
|
804
|
+
|
|
805
|
+
---
|
|
806
|
+
|
|
807
|
+
**Small_Underline_Count_Active**
|
|
808
|
+
|
|
809
|
+
---
|
|
810
|
+
|
|
811
|
+
**Small_Underline_Count_Disabled**
|
|
812
|
+
|
|
813
|
+
---
|
|
814
|
+
|
|
283
815
|
---
|
|
284
816
|
|
|
285
817
|
### Tabs Spacing
|
|
286
818
|
|
|
287
819
|
These rules establish how much margin should exist between and around elements.
|
|
288
820
|
|
|
821
|
+
**Tabs Spacing**
|
|
822
|
+
|
|
823
|
+
---
|
|
824
|
+
|
|
289
825
|
## Code
|
|
290
826
|
|
|
291
827
|
> **Note:** The code examples below must install dependencies before displaying and may take extra time to load
|
|
@@ -440,15 +976,14 @@ root.render(
|
|
|
440
976
|
<head>
|
|
441
977
|
<meta charset="UTF-8" />
|
|
442
978
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
443
|
-
<title>Tabs</title>
|
|
444
979
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
445
980
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
446
981
|
<link
|
|
447
|
-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
|
982
|
+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
448
983
|
rel="stylesheet"
|
|
449
984
|
/>
|
|
450
985
|
<link
|
|
451
|
-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
|
|
986
|
+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
452
987
|
rel="stylesheet"
|
|
453
988
|
/>
|
|
454
989
|
</head>
|
|
@@ -591,15 +1126,14 @@ root.render(
|
|
|
591
1126
|
<head>
|
|
592
1127
|
<meta charset="UTF-8" />
|
|
593
1128
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
594
|
-
<title>Tabs</title>
|
|
595
1129
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
596
1130
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
597
1131
|
<link
|
|
598
|
-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
|
1132
|
+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
599
1133
|
rel="stylesheet"
|
|
600
1134
|
/>
|
|
601
1135
|
<link
|
|
602
|
-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
|
|
1136
|
+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
603
1137
|
rel="stylesheet"
|
|
604
1138
|
/>
|
|
605
1139
|
</head>
|
|
@@ -762,15 +1296,14 @@ root.render(
|
|
|
762
1296
|
<head>
|
|
763
1297
|
<meta charset="UTF-8" />
|
|
764
1298
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
765
|
-
<title>Tabs</title>
|
|
766
1299
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
767
1300
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
768
1301
|
<link
|
|
769
|
-
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
|
|
1302
|
+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
|
770
1303
|
rel="stylesheet"
|
|
771
1304
|
/>
|
|
772
1305
|
<link
|
|
773
|
-
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
|
|
1306
|
+
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
|
|
774
1307
|
rel="stylesheet"
|
|
775
1308
|
/>
|
|
776
1309
|
</head>
|