@iress-oss/ids-mcp-server 5.20.1 → 5.20.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/generated/docs/components_components-alert-docs.md +22 -21
  2. package/generated/docs/components_components-autocomplete-docs.md +48 -104
  3. package/generated/docs/components_components-autocomplete-recipes-docs.md +9 -2
  4. package/generated/docs/components_components-badge-docs.md +4 -4
  5. package/generated/docs/components_components-button-docs.md +24 -24
  6. package/generated/docs/components_components-buttongroup-docs.md +20 -20
  7. package/generated/docs/components_components-card-docs.md +70 -56
  8. package/generated/docs/components_components-card-recipes-docs.md +4 -4
  9. package/generated/docs/components_components-checkbox-docs.md +7 -21
  10. package/generated/docs/components_components-checkboxgroup-docs.md +32 -32
  11. package/generated/docs/components_components-checkboxgroup-recipes-docs.md +2 -2
  12. package/generated/docs/components_components-col-docs.md +10 -10
  13. package/generated/docs/components_components-combobox-docs.md +58 -90
  14. package/generated/docs/components_components-container-docs.md +4 -4
  15. package/generated/docs/components_components-divider-docs.md +3 -3
  16. package/generated/docs/components_components-expander-docs.md +6 -4
  17. package/generated/docs/components_components-field-docs.md +18 -18
  18. package/generated/docs/components_components-filter-docs.md +54 -54
  19. package/generated/docs/components_components-form-docs.md +95 -60
  20. package/generated/docs/components_components-form-recipes-docs.md +114 -13
  21. package/generated/docs/components_components-hide-docs.md +4 -4
  22. package/generated/docs/components_components-icon-docs.md +13 -13
  23. package/generated/docs/components_components-inline-docs.md +14 -14
  24. package/generated/docs/components_components-input-docs.md +10 -10
  25. package/generated/docs/components_components-input-recipes-docs.md +3 -3
  26. package/generated/docs/components_components-inputcurrency-docs.md +6 -6
  27. package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
  28. package/generated/docs/components_components-label-docs.md +6 -6
  29. package/generated/docs/components_components-menu-docs.md +40 -40
  30. package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
  31. package/generated/docs/components_components-modal-docs.md +29 -13
  32. package/generated/docs/components_components-navbar-docs.md +42 -42
  33. package/generated/docs/components_components-navbar-recipes-docs.md +41 -18
  34. package/generated/docs/components_components-panel-docs.md +19 -19
  35. package/generated/docs/components_components-placeholder-docs.md +1 -1
  36. package/generated/docs/components_components-popover-docs.md +32 -30
  37. package/generated/docs/components_components-popover-recipes-docs.md +15 -8
  38. package/generated/docs/components_components-progress-docs.md +1 -1
  39. package/generated/docs/components_components-provider-docs.md +2 -2
  40. package/generated/docs/components_components-radio-docs.md +5 -5
  41. package/generated/docs/components_components-radiogroup-docs.md +29 -45
  42. package/generated/docs/components_components-readonly-docs.md +5 -5
  43. package/generated/docs/components_components-richselect-docs.md +88 -64
  44. package/generated/docs/components_components-row-docs.md +12 -12
  45. package/generated/docs/components_components-select-docs.md +8 -8
  46. package/generated/docs/components_components-skeleton-docs.md +9 -9
  47. package/generated/docs/components_components-skeleton-recipes-docs.md +2 -2
  48. package/generated/docs/components_components-skiplink-docs.md +3 -3
  49. package/generated/docs/components_components-slideout-docs.md +43 -12
  50. package/generated/docs/components_components-slider-docs.md +12 -12
  51. package/generated/docs/components_components-spinner-docs.md +3 -3
  52. package/generated/docs/components_components-stack-docs.md +14 -14
  53. package/generated/docs/components_components-table-docs.md +51 -44
  54. package/generated/docs/components_components-tabset-docs.md +10 -10
  55. package/generated/docs/components_components-tabset-tab-docs.md +4 -4
  56. package/generated/docs/components_components-tag-docs.md +8 -10
  57. package/generated/docs/components_components-text-docs.md +7 -7
  58. package/generated/docs/components_components-toaster-docs.md +12 -12
  59. package/generated/docs/components_components-toaster-toast-docs.md +30 -30
  60. package/generated/docs/components_components-toggle-docs.md +5 -5
  61. package/generated/docs/components_components-tooltip-docs.md +4 -4
  62. package/generated/docs/components_components-validationmessage-docs.md +6 -6
  63. package/generated/docs/components_foundations-colour-030-colours.md +32 -32
  64. package/generated/docs/components_foundations-typography-docs.md +7 -7
  65. package/generated/docs/components_introduction-docs.md +1 -1
  66. package/generated/docs/components_patterns-loading-docs.md +106 -29
  67. package/generated/docs/components_sandbox-docs.md +4 -0
  68. package/generated/docs/guidelines.md +39 -39
  69. package/package.json +20 -20
@@ -10,7 +10,7 @@ The `IressNavbar` component defines your application’s global header. It usual
10
10
 
11
11
  A very basic navbar
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
15
  <IressNavbar\>
16
16
  <IressText\>
@@ -42,7 +42,7 @@ ReactNode
42
42
 
43
43
  | \- |
44
44
 
45
- RAW
45
+ Edit JSON
46
46
 
47
47
  children :
48
48
 
@@ -133,7 +133,7 @@ Adds alt text to the logo's
133
133
 
134
134
  string
135
135
 
136
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
136
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
137
137
 
138
138
  |
139
139
 
@@ -146,7 +146,7 @@ Sets the source url of the logo
146
146
 
147
147
  string
148
148
 
149
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
149
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
150
150
 
151
151
  |
152
152
 
@@ -193,7 +193,7 @@ All images should have alt text to provide context for screen reader users. If u
193
193
 
194
194
  ![Home](assets/ids-logo.png)
195
195
 
196
- ```
196
+ Hide codedrawOpen in CodeSandbox
197
197
 
198
198
  <IressNavbar logo\={<img alt\="Home" src\="assets/ids-logo.png"/>} />
199
199
 
@@ -278,7 +278,7 @@ ReactNode
278
278
 
279
279
  | \- |
280
280
 
281
- RAW
281
+ Edit JSON
282
282
 
283
283
  logo :
284
284
 
@@ -312,7 +312,7 @@ Adds alt text to the logo's
312
312
 
313
313
  string
314
314
 
315
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
315
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
316
316
 
317
317
  |
318
318
 
@@ -325,7 +325,7 @@ Sets the source url of the logo
325
325
 
326
326
  string
327
327
 
328
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
328
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
329
329
 
330
330
  |
331
331
 
@@ -393,7 +393,7 @@ Align end
393
393
 
394
394
  Nav slot content
395
395
 
396
- ```
396
+ Hide codedrawOpen in CodeSandbox
397
397
 
398
398
  {
399
399
  render: () \=> <IressStack gutter\="lg"\>
@@ -495,7 +495,7 @@ Adds alt text to the logo's
495
495
 
496
496
  string
497
497
 
498
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
498
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
499
499
 
500
500
  |
501
501
 
@@ -508,7 +508,7 @@ Sets the source url of the logo
508
508
 
509
509
  string
510
510
 
511
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
511
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
512
512
 
513
513
  |
514
514
 
@@ -546,7 +546,7 @@ The `logo` slot, as the name suggests, is designed for logos. Use this is you wa
546
546
 
547
547
  ![Home](assets/ids-logo.png)
548
548
 
549
- ```
549
+ Hide codedrawOpen in CodeSandbox
550
550
 
551
551
  <IressNavbar logo\={<img alt\="Home" src\="assets/ids-logo.png"/>} />
552
552
 
@@ -631,7 +631,7 @@ ReactNode
631
631
 
632
632
  | \- |
633
633
 
634
- RAW
634
+ Edit JSON
635
635
 
636
636
  logo :
637
637
 
@@ -665,7 +665,7 @@ Adds alt text to the logo's
665
665
 
666
666
  string
667
667
 
668
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
668
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
669
669
 
670
670
  |
671
671
 
@@ -678,7 +678,7 @@ Sets the source url of the logo
678
678
 
679
679
  string
680
680
 
681
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
681
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
682
682
 
683
683
  |
684
684
 
@@ -721,7 +721,7 @@ Children slot content
721
721
 
722
722
  Nav slot content
723
723
 
724
- ```
724
+ Hide codedrawOpen in CodeSandbox
725
725
 
726
726
  <IressNavbar
727
727
  logo\={<img alt\="IDS logo" src\="assets/ids-logo.png"/>}
@@ -757,7 +757,7 @@ ReactNode
757
757
 
758
758
  | \- |
759
759
 
760
- RAW
760
+ Edit JSON
761
761
 
762
762
  children :
763
763
 
@@ -843,7 +843,7 @@ ReactNode
843
843
 
844
844
  | \- |
845
845
 
846
- RAW
846
+ Edit JSON
847
847
 
848
848
  logo :
849
849
 
@@ -877,7 +877,7 @@ Adds alt text to the logo's
877
877
 
878
878
  string
879
879
 
880
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
880
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
881
881
 
882
882
  |
883
883
 
@@ -890,7 +890,7 @@ Sets the source url of the logo
890
890
 
891
891
  string
892
892
 
893
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
893
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
894
894
 
895
895
  |
896
896
 
@@ -907,7 +907,7 @@ ReactNode
907
907
 
908
908
  | \- |
909
909
 
910
- RAW
910
+ Edit JSON
911
911
 
912
912
  nav :
913
913
 
@@ -957,7 +957,7 @@ The `nav` slot is for navigation content like links, and is designed to be used
957
957
 
958
958
  [Link 1](#)[Link 2](#)[Link 3](#)
959
959
 
960
- ```
960
+ Hide codedrawOpen in CodeSandbox
961
961
 
962
962
  <IressNavbar
963
963
  logo\={<img alt\="IDS logo" src\="assets/ids-logo.png"/>}
@@ -1045,7 +1045,7 @@ ReactNode
1045
1045
 
1046
1046
  | \- |
1047
1047
 
1048
- RAW
1048
+ Edit JSON
1049
1049
 
1050
1050
  logo :
1051
1051
 
@@ -1079,7 +1079,7 @@ Adds alt text to the logo's
1079
1079
 
1080
1080
  string
1081
1081
 
1082
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1082
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1083
1083
 
1084
1084
  |
1085
1085
 
@@ -1092,7 +1092,7 @@ Sets the source url of the logo
1092
1092
 
1093
1093
  string
1094
1094
 
1095
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1095
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1096
1096
 
1097
1097
  |
1098
1098
 
@@ -1109,7 +1109,7 @@ ReactNode
1109
1109
 
1110
1110
  | \- |
1111
1111
 
1112
- RAW
1112
+ Edit JSON
1113
1113
 
1114
1114
  nav :
1115
1115
 
@@ -1160,7 +1160,7 @@ Default slot content
1160
1160
 
1161
1161
  [Link 1](#)[Link 2](#)[Link 3](#)
1162
1162
 
1163
- ```
1163
+ Hide codedrawOpen in CodeSandbox
1164
1164
 
1165
1165
  <IressNavbar
1166
1166
  logo\={<img alt\="IDS logo" src\="assets/ids-logo.png"/>}
@@ -1196,7 +1196,7 @@ ReactNode
1196
1196
 
1197
1197
  | \- |
1198
1198
 
1199
- RAW
1199
+ Edit JSON
1200
1200
 
1201
1201
  children :
1202
1202
 
@@ -1282,7 +1282,7 @@ ReactNode
1282
1282
 
1283
1283
  | \- |
1284
1284
 
1285
- RAW
1285
+ Edit JSON
1286
1286
 
1287
1287
  logo :
1288
1288
 
@@ -1316,7 +1316,7 @@ Adds alt text to the logo's
1316
1316
 
1317
1317
  string
1318
1318
 
1319
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1319
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1320
1320
 
1321
1321
  |
1322
1322
 
@@ -1329,7 +1329,7 @@ Sets the source url of the logo
1329
1329
 
1330
1330
  string
1331
1331
 
1332
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1332
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1333
1333
 
1334
1334
  |
1335
1335
 
@@ -1346,7 +1346,7 @@ ReactNode
1346
1346
 
1347
1347
  | \- |
1348
1348
 
1349
- RAW
1349
+ Edit JSON
1350
1350
 
1351
1351
  nav :
1352
1352
 
@@ -1400,7 +1400,7 @@ If you need more control over your navbar's responsive behaviour, you can create
1400
1400
 
1401
1401
  [Link 1](#)[Link 2](#)[Link 3](#)[Link 4](#)[Link 5](#)
1402
1402
 
1403
- ```
1403
+ Hide codedrawOpen in CodeSandbox
1404
1404
 
1405
1405
  <IressNavbar
1406
1406
  breakpoint\="sm"
@@ -1493,7 +1493,7 @@ ReactNode
1493
1493
 
1494
1494
  | \- |
1495
1495
 
1496
- RAW
1496
+ Edit JSON
1497
1497
 
1498
1498
  logo :
1499
1499
 
@@ -1527,7 +1527,7 @@ Adds alt text to the logo's
1527
1527
 
1528
1528
  string
1529
1529
 
1530
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1530
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1531
1531
 
1532
1532
  |
1533
1533
 
@@ -1540,7 +1540,7 @@ Sets the source url of the logo
1540
1540
 
1541
1541
  string
1542
1542
 
1543
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1543
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1544
1544
 
1545
1545
  |
1546
1546
 
@@ -1557,7 +1557,7 @@ ReactNode
1557
1557
 
1558
1558
  | \- |
1559
1559
 
1560
- RAW
1560
+ Edit JSON
1561
1561
 
1562
1562
  nav :
1563
1563
 
@@ -1618,7 +1618,7 @@ Iress Design System
1618
1618
 
1619
1619
  [](#)
1620
1620
 
1621
- ```
1621
+ Hide codedrawOpen in CodeSandbox
1622
1622
 
1623
1623
  <IressNavbar
1624
1624
  horizontalAlign\="between"
@@ -1654,7 +1654,7 @@ ReactNode
1654
1654
 
1655
1655
  | \- |
1656
1656
 
1657
- RAW
1657
+ Edit JSON
1658
1658
 
1659
1659
  children :
1660
1660
 
@@ -1749,7 +1749,7 @@ Adds alt text to the logo's
1749
1749
 
1750
1750
  string
1751
1751
 
1752
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1752
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1753
1753
 
1754
1754
  |
1755
1755
 
@@ -1762,7 +1762,7 @@ Sets the source url of the logo
1762
1762
 
1763
1763
  string
1764
1764
 
1765
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1765
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1766
1766
 
1767
1767
  |
1768
1768
 
@@ -1779,7 +1779,7 @@ ReactNode
1779
1779
 
1780
1780
  | \- |
1781
1781
 
1782
- RAW
1782
+ Edit JSON
1783
1783
 
1784
1784
  nav :
1785
1785
 
@@ -23,8 +23,22 @@ Custom navbar
23
23
 
24
24
  [Link 1](#)[Link 2](#)[Link 3](#)
25
25
 
26
- ```
27
-
26
+ Hide codedrawOpen in CodeSandbox
27
+
28
+ import {
29
+ IressButton,
30
+ IressHide,
31
+ IressIcon,
32
+ IressInline,
33
+ IressMenu,
34
+ IressMenuItem,
35
+ IressNavbar,
36
+ IressSlideout,
37
+ IressSlideoutProvider,
38
+ IressText,
39
+ useSlideout,
40
+ } from '@/main';
41
+ import { useRef } from 'react';
28
42
  const Navbar \= () \=> {
29
43
  const { showSlideout } \= useSlideout();
30
44
  const containerRef \= useRef<HTMLDivElement | null\>(null);
@@ -165,7 +179,7 @@ Adds alt text to the logo's
165
179
 
166
180
  string
167
181
 
168
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
182
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
169
183
 
170
184
  |
171
185
 
@@ -178,7 +192,7 @@ Sets the source url of the logo
178
192
 
179
193
  string
180
194
 
181
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
195
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
182
196
 
183
197
  |
184
198
 
@@ -226,7 +240,7 @@ Person 1Person 2Person 3
226
240
 
227
241
  **Input**
228
242
 
229
- ```
243
+ Hide codedrawOpen in CodeSandbox
230
244
 
231
245
  <IressNavbar horizontalAlign\="between"\>
232
246
  <IressInline
@@ -305,7 +319,7 @@ ReactNode
305
319
 
306
320
  | \- |
307
321
 
308
- RAW
322
+ Edit JSON
309
323
 
310
324
  children :
311
325
 
@@ -400,7 +414,7 @@ Adds alt text to the logo's
400
414
 
401
415
  string
402
416
 
403
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
417
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
404
418
 
405
419
  |
406
420
 
@@ -413,7 +427,7 @@ Sets the source url of the logo
413
427
 
414
428
  string
415
429
 
416
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
430
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
417
431
 
418
432
  |
419
433
 
@@ -462,7 +476,7 @@ You can use an `IressPanel` component to render the secondary navigation directl
462
476
 
463
477
  Secondary link 1Secondary link 2Secondary link 3
464
478
 
465
- ```
479
+ Hide codedrawOpen in CodeSandbox
466
480
 
467
481
  <div\>
468
482
  <IressNavbar
@@ -576,7 +590,7 @@ Adds alt text to the logo's
576
590
 
577
591
  string
578
592
 
579
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
593
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
580
594
 
581
595
  |
582
596
 
@@ -589,7 +603,7 @@ Sets the source url of the logo
589
603
 
590
604
  string
591
605
 
592
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
606
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
593
607
 
594
608
  |
595
609
 
@@ -627,8 +641,17 @@ The example below has some custom CSS to fix the menu to the side of its contain
627
641
 
628
642
  [](./iframe.html?id=components-navbar-recipes--icon-strip)
629
643
 
630
- ```
631
-
644
+ Hide codedrawOpen in CodeSandbox
645
+
646
+ import {
647
+ IressIcon,
648
+ IressMenu,
649
+ IressMenuItem,
650
+ IressNavbar,
651
+ IressSlideout,
652
+ IressTooltip,
653
+ } from '@/main';
654
+ import { useRef, useState } from 'react';
632
655
  export const NavbarIconStrip \= () \=> {
633
656
  const \[secondary, setSecondary\] \= useState(false);
634
657
  const containerRef \= useRef<HTMLDivElement | null\>(null);
@@ -794,7 +817,7 @@ Adds alt text to the logo's
794
817
 
795
818
  string
796
819
 
797
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
820
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
798
821
 
799
822
  |
800
823
 
@@ -807,7 +830,7 @@ Sets the source url of the logo
807
830
 
808
831
  string
809
832
 
810
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
833
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
811
834
 
812
835
  |
813
836
 
@@ -881,7 +904,7 @@ Messages
881
904
 
882
905
  ](#)
883
906
 
884
- ```
907
+ Hide codedrawOpen in CodeSandbox
885
908
 
886
909
  <div className\="mobile-mockup-wrapper"\>
887
910
  <IressNavbar
@@ -1027,7 +1050,7 @@ Adds alt text to the logo's
1027
1050
 
1028
1051
  string
1029
1052
 
1030
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1053
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead, and `alt` text to your img.</td></tr></tbody></table>
1031
1054
 
1032
1055
  |
1033
1056
 
@@ -1040,7 +1063,7 @@ Sets the source url of the logo
1040
1063
 
1041
1064
  string
1042
1065
 
1043
- <table class="css-3nr4py"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1066
+ <table class="css-ymgjf7"><tbody><tr><td colspan="2"><strong>Deprecated</strong>: Use `logo` instead with the proper `src` attribute.</td></tr></tbody></table>
1044
1067
 
1045
1068
  |
1046
1069