@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
@@ -18,7 +18,7 @@ The design of this component is changing. Please use the new component/props ins
18
18
 
19
19
  None selected
20
20
 
21
- ```
21
+ Hide codedrawOpen in CodeSandbox
22
22
 
23
23
  <IressCombobox
24
24
  options\={\[
@@ -60,8 +60,6 @@ Props
60
60
 
61
61
  <IressIcon />
62
62
 
63
-
64
-
65
63
  | Set object |
66
64
  | autoComplete |
67
65
 
@@ -133,7 +131,7 @@ union
133
131
 
134
132
  | \- |
135
133
 
136
- RAW
134
+ Edit JSON
137
135
 
138
136
  * options :
139
137
 
@@ -174,7 +172,7 @@ object
174
172
 
175
173
  | { } |
176
174
 
177
- RAW
175
+ Edit JSON
178
176
 
179
177
  popoverProps :
180
178
 
@@ -225,7 +223,7 @@ The `defaultValue` prop can be used to set the initial value of the combobox. Th
225
223
 
226
224
  None selected
227
225
 
228
- ```
226
+ Hide codedrawOpen in CodeSandbox
229
227
 
230
228
  <IressCombobox
231
229
  defaultValue\={{
@@ -270,8 +268,6 @@ None selected
270
268
 
271
269
  <IressIcon />
272
270
 
273
-
274
-
275
271
  | Set object |
276
272
  | autoComplete |
277
273
 
@@ -304,7 +300,7 @@ LabelValueMeta
304
300
 
305
301
  | \- |
306
302
 
307
- RAW
303
+ Edit JSON
308
304
 
309
305
  defaultValue :
310
306
 
@@ -362,7 +358,7 @@ union
362
358
 
363
359
  | \- |
364
360
 
365
- RAW
361
+ Edit JSON
366
362
 
367
363
  * options :
368
364
 
@@ -403,7 +399,7 @@ object
403
399
 
404
400
  | { } |
405
401
 
406
- RAW
402
+ Edit JSON
407
403
 
408
404
  popoverProps :
409
405
 
@@ -445,13 +441,13 @@ The `value` prop can be used to completely control the state of the component. U
445
441
 
446
442
  None selected
447
443
 
448
- ```
444
+ Hide codedrawOpen in CodeSandbox
449
445
 
450
446
  import {
451
447
  IressCombobox,
452
448
  type IressComboboxProps,
453
449
  type LabelValueMeta,
454
- } from '@iress-oss/ids-components';
450
+ } from '@/main';
455
451
  import { useState } from 'react';
456
452
  export const ComboboxUsingState \= () \=> {
457
453
  const \[value, setValue\] \= useState<LabelValueMeta | undefined\>();
@@ -502,8 +498,6 @@ export const ComboboxUsingState \= () \=> {
502
498
 
503
499
  <IressIcon />
504
500
 
505
-
506
-
507
501
  | Set object |
508
502
  | autoComplete |
509
503
 
@@ -575,7 +569,7 @@ union
575
569
 
576
570
  | \- |
577
571
 
578
- RAW
572
+ Edit JSON
579
573
 
580
574
  * options :
581
575
 
@@ -616,7 +610,7 @@ object
616
610
 
617
611
  | { } |
618
612
 
619
- RAW
613
+ Edit JSON
620
614
 
621
615
  popoverProps :
622
616
 
@@ -658,7 +652,7 @@ The `options` prop is required for the combobox. You can provide an array of `La
658
652
 
659
653
  None selected
660
654
 
661
- ```
655
+ Hide codedrawOpen in CodeSandbox
662
656
 
663
657
  <IressCombobox
664
658
  options\={\[
@@ -699,8 +693,6 @@ None selected
699
693
 
700
694
  <IressIcon />
701
695
 
702
-
703
-
704
696
  | Set object |
705
697
  | autoComplete |
706
698
 
@@ -772,7 +764,7 @@ union
772
764
 
773
765
  | \- |
774
766
 
775
- RAW
767
+ Edit JSON
776
768
 
777
769
  * options :
778
770
 
@@ -813,7 +805,7 @@ object
813
805
 
814
806
  | { } |
815
807
 
816
- RAW
808
+ Edit JSON
817
809
 
818
810
  popoverProps :
819
811
 
@@ -853,9 +845,9 @@ If you would like to render suggestions from the server, you can pass a function
853
845
 
854
846
  None selected
855
847
 
856
- ```
848
+ Hide codedrawOpen in CodeSandbox
857
849
 
858
- import { IressCombobox, type IressComboboxProps } from '@iress-oss/ids-components';
850
+ import { IressCombobox, type IressComboboxProps } from '@/main';
859
851
  interface StarWarsCharacter {
860
852
  name: string;
861
853
  gender: string;
@@ -891,8 +883,6 @@ export const ComboboxUsingAsync \= (args: IressComboboxProps) \=> (
891
883
 
892
884
  <IressIcon />
893
885
 
894
-
895
-
896
886
  | Set object |
897
887
  | autoComplete |
898
888
 
@@ -971,7 +961,7 @@ object
971
961
 
972
962
  | { } |
973
963
 
974
- RAW
964
+ Edit JSON
975
965
 
976
966
  popoverProps :
977
967
 
@@ -1013,7 +1003,7 @@ If you want to provide initial options to the user, you can use the `initialOpti
1013
1003
 
1014
1004
  None selected
1015
1005
 
1016
- ```
1006
+ Hide codedrawOpen in CodeSandbox
1017
1007
 
1018
1008
  <IressCombobox
1019
1009
  initialOptions\={\[
@@ -1065,8 +1055,6 @@ None selected
1065
1055
 
1066
1056
  <IressIcon />
1067
1057
 
1068
-
1069
-
1070
1058
  | Set object |
1071
1059
  | autoComplete |
1072
1060
 
@@ -1115,7 +1103,7 @@ array
1115
1103
 
1116
1104
  | \- |
1117
1105
 
1118
- RAW
1106
+ Edit JSON
1119
1107
 
1120
1108
  * initialOptions :
1121
1109
 
@@ -1171,7 +1159,7 @@ union
1171
1159
 
1172
1160
  | \- |
1173
1161
 
1174
- RAW
1162
+ Edit JSON
1175
1163
 
1176
1164
  * options :
1177
1165
 
@@ -1212,7 +1200,7 @@ object
1212
1200
 
1213
1201
  | { } |
1214
1202
 
1215
- RAW
1203
+ Edit JSON
1216
1204
 
1217
1205
  popoverProps :
1218
1206
 
@@ -1282,7 +1270,7 @@ The `autoSelect` prop will automatically select the highlighted option. This is
1282
1270
 
1283
1271
  None selected
1284
1272
 
1285
- ```
1273
+ Hide codedrawOpen in CodeSandbox
1286
1274
 
1287
1275
  <IressCombobox
1288
1276
  autoSelect\={false}
@@ -1325,8 +1313,6 @@ None selected
1325
1313
 
1326
1314
  <IressIcon />
1327
1315
 
1328
-
1329
-
1330
1316
  | Set object |
1331
1317
  | autoComplete |
1332
1318
 
@@ -1402,7 +1388,7 @@ union
1402
1388
 
1403
1389
  | \- |
1404
1390
 
1405
- RAW
1391
+ Edit JSON
1406
1392
 
1407
1393
  * options :
1408
1394
 
@@ -1450,7 +1436,7 @@ object
1450
1436
 
1451
1437
  | { } |
1452
1438
 
1453
- RAW
1439
+ Edit JSON
1454
1440
 
1455
1441
  popoverProps :
1456
1442
 
@@ -1492,7 +1478,7 @@ It does have some defaults to help with user experience. `append` automatically
1492
1478
 
1493
1479
  None selected
1494
1480
 
1495
- ```
1481
+ Hide codedrawOpen in CodeSandbox
1496
1482
 
1497
1483
  <IressCombobox
1498
1484
  append\={<IressPopover activator\={<IressButton mode\="tertiary"\><IressIcon name\="cog" /></IressButton\>} align\="bottom-end" container\={document.body}\><IressPanel className\="iress-u-text"\>Some settings in here</IressPanel\></IressPopover\>}
@@ -1540,11 +1526,9 @@ object
1540
1526
 
1541
1527
  <IressIcon />
1542
1528
 
1543
-
1544
-
1545
1529
  |
1546
1530
 
1547
- RAW
1531
+ Edit JSON
1548
1532
 
1549
1533
  append :
1550
1534
 
@@ -1645,7 +1629,7 @@ union
1645
1629
 
1646
1630
  | \- |
1647
1631
 
1648
- RAW
1632
+ Edit JSON
1649
1633
 
1650
1634
  * options :
1651
1635
 
@@ -1686,7 +1670,7 @@ object
1686
1670
 
1687
1671
  | { } |
1688
1672
 
1689
- RAW
1673
+ Edit JSON
1690
1674
 
1691
1675
  popoverProps :
1692
1676
 
@@ -1709,7 +1693,7 @@ object
1709
1693
 
1710
1694
  | \- |
1711
1695
 
1712
- RAW
1696
+ Edit JSON
1713
1697
 
1714
1698
  prepend :
1715
1699
 
@@ -1772,7 +1756,7 @@ If you would like to show a message when there are no results, you can use the `
1772
1756
 
1773
1757
  None selected
1774
1758
 
1775
- ```
1759
+ Hide codedrawOpen in CodeSandbox
1776
1760
 
1777
1761
  <IressCombobox
1778
1762
  noResultsText\={<IressPanel className\="iress-u-text"\>No results found</IressPanel\>}
@@ -1815,8 +1799,6 @@ None selected
1815
1799
 
1816
1800
  <IressIcon />
1817
1801
 
1818
-
1819
-
1820
1802
  | Set object |
1821
1803
  | autoComplete |
1822
1804
 
@@ -1879,7 +1861,7 @@ object
1879
1861
 
1880
1862
  | \- |
1881
1863
 
1882
- RAW
1864
+ Edit JSON
1883
1865
 
1884
1866
  noResultsText :
1885
1867
 
@@ -1924,7 +1906,7 @@ union
1924
1906
 
1925
1907
  | \- |
1926
1908
 
1927
- RAW
1909
+ Edit JSON
1928
1910
 
1929
1911
  * options :
1930
1912
 
@@ -1972,7 +1954,7 @@ object
1972
1954
 
1973
1955
  | { } |
1974
1956
 
1975
- RAW
1957
+ Edit JSON
1976
1958
 
1977
1959
  popoverProps :
1978
1960
 
@@ -2014,7 +1996,7 @@ There are two additional props that autocomplete accepts to customise the popove
2014
1996
 
2015
1997
  None selected
2016
1998
 
2017
- ```
1999
+ Hide codedrawOpen in CodeSandbox
2018
2000
 
2019
2001
  <IressCombobox
2020
2002
  options\={\[
@@ -2056,8 +2038,6 @@ None selected
2056
2038
 
2057
2039
  <IressIcon />
2058
2040
 
2059
-
2060
-
2061
2041
  | Set object |
2062
2042
  | autoComplete |
2063
2043
 
@@ -2129,7 +2109,7 @@ union
2129
2109
 
2130
2110
  | \- |
2131
2111
 
2132
- RAW
2112
+ Edit JSON
2133
2113
 
2134
2114
  * options :
2135
2115
 
@@ -2170,7 +2150,7 @@ object
2170
2150
 
2171
2151
  | { } |
2172
2152
 
2173
- RAW
2153
+ Edit JSON
2174
2154
 
2175
2155
  popoverProps :
2176
2156
 
@@ -2219,7 +2199,7 @@ By default there is a debounce of `500`ms, but it can be removed by setting it t
2219
2199
 
2220
2200
  None selected
2221
2201
 
2222
- ```
2202
+ Hide codedrawOpen in CodeSandbox
2223
2203
 
2224
2204
  <IressCombobox
2225
2205
  debounceThreshold\={0}
@@ -2262,8 +2242,6 @@ None selected
2262
2242
 
2263
2243
  <IressIcon />
2264
2244
 
2265
-
2266
-
2267
2245
  | Set object |
2268
2246
  | autoComplete |
2269
2247
 
@@ -2342,7 +2320,7 @@ union
2342
2320
 
2343
2321
  | \- |
2344
2322
 
2345
- RAW
2323
+ Edit JSON
2346
2324
 
2347
2325
  * options :
2348
2326
 
@@ -2390,7 +2368,7 @@ object
2390
2368
 
2391
2369
  | { } |
2392
2370
 
2393
- RAW
2371
+ Edit JSON
2394
2372
 
2395
2373
  popoverProps :
2396
2374
 
@@ -2447,11 +2425,11 @@ The result limits will also affect the number of initial options displayed, if t
2447
2425
 
2448
2426
  None selected
2449
2427
 
2450
- ```
2428
+ Hide codedrawOpen in CodeSandbox
2451
2429
 
2452
2430
  <IressStack gutter\="md"\>
2453
2431
  <IressPanel className\="iress-u-text"\>
2454
- <kn />
2432
+ <Ln />
2455
2433
  </IressPanel\>
2456
2434
  <IressCombobox
2457
2435
  limitDesktop\={6}
@@ -2520,8 +2498,6 @@ None selected
2520
2498
 
2521
2499
  <IressIcon />
2522
2500
 
2523
-
2524
-
2525
2501
  | Set object |
2526
2502
  | autoComplete |
2527
2503
 
@@ -2601,7 +2577,7 @@ union
2601
2577
 
2602
2578
  | \- |
2603
2579
 
2604
- RAW
2580
+ Edit JSON
2605
2581
 
2606
2582
  * options :
2607
2583
 
@@ -2682,7 +2658,7 @@ object
2682
2658
 
2683
2659
  | { } |
2684
2660
 
2685
- RAW
2661
+ Edit JSON
2686
2662
 
2687
2663
  popoverProps :
2688
2664
 
@@ -2724,7 +2700,7 @@ If you need more control over the read-only state (for example, rendering a styl
2724
2700
 
2725
2701
  Option 1
2726
2702
 
2727
- ```
2703
+ Hide codedrawOpen in CodeSandbox
2728
2704
 
2729
2705
  <IressCombobox
2730
2706
  defaultValue\={{
@@ -2770,8 +2746,6 @@ Option 1
2770
2746
 
2771
2747
  <IressIcon />
2772
2748
 
2773
-
2774
-
2775
2749
  | Set object |
2776
2750
  | autoComplete |
2777
2751
 
@@ -2804,7 +2778,7 @@ LabelValueMeta
2804
2778
 
2805
2779
  | \- |
2806
2780
 
2807
- RAW
2781
+ Edit JSON
2808
2782
 
2809
2783
  defaultValue :
2810
2784
 
@@ -2862,7 +2836,7 @@ union
2862
2836
 
2863
2837
  | \- |
2864
2838
 
2865
- RAW
2839
+ Edit JSON
2866
2840
 
2867
2841
  * options :
2868
2842
 
@@ -2903,7 +2877,7 @@ object
2903
2877
 
2904
2878
  | { } |
2905
2879
 
2906
- RAW
2880
+ Edit JSON
2907
2881
 
2908
2882
  popoverProps :
2909
2883
 
@@ -2959,7 +2933,7 @@ The design of this component is changing. Please use the new component/props ins
2959
2933
 
2960
2934
  None selected
2961
2935
 
2962
- ```
2936
+ Hide codedrawOpen in CodeSandbox
2963
2937
 
2964
2938
  <IressMultiCombobox
2965
2939
  options\={\[
@@ -3000,8 +2974,6 @@ None selected
3000
2974
 
3001
2975
  <IressIcon />
3002
2976
 
3003
-
3004
-
3005
2977
  | Set object |
3006
2978
  | autoComplete |
3007
2979
 
@@ -3073,7 +3045,7 @@ array
3073
3045
 
3074
3046
  | \- |
3075
3047
 
3076
- RAW
3048
+ Edit JSON
3077
3049
 
3078
3050
  * options :
3079
3051
 
@@ -3114,7 +3086,7 @@ object
3114
3086
 
3115
3087
  | { } |
3116
3088
 
3117
- RAW
3089
+ Edit JSON
3118
3090
 
3119
3091
  popoverProps :
3120
3092
 
@@ -3176,7 +3148,7 @@ The text displayed in the single tag can be modified using the `selectedOptionsT
3176
3148
 
3177
3149
  None selected
3178
3150
 
3179
- ```
3151
+ Hide codedrawOpen in CodeSandbox
3180
3152
 
3181
3153
  <IressMultiCombobox
3182
3154
  defaultValue\={\[
@@ -3233,8 +3205,6 @@ None selected
3233
3205
 
3234
3206
  <IressIcon />
3235
3207
 
3236
-
3237
-
3238
3208
  | Set object |
3239
3209
  | autoComplete |
3240
3210
 
@@ -3265,7 +3235,7 @@ LabelValueMeta\[\]
3265
3235
 
3266
3236
  | \- |
3267
3237
 
3268
- RAW
3238
+ Edit JSON
3269
3239
 
3270
3240
  * defaultValue :
3271
3241
 
@@ -3332,7 +3302,7 @@ array
3332
3302
 
3333
3303
  | \- |
3334
3304
 
3335
- RAW
3305
+ Edit JSON
3336
3306
 
3337
3307
  * options :
3338
3308
 
@@ -3373,7 +3343,7 @@ object
3373
3343
 
3374
3344
  | { } |
3375
3345
 
3376
- RAW
3346
+ Edit JSON
3377
3347
 
3378
3348
  popoverProps :
3379
3349
 
@@ -3433,7 +3403,7 @@ If you need more control over the read-only state (for example, rendering a styl
3433
3403
 
3434
3404
  Option 1, Option 2, Option 3
3435
3405
 
3436
- ```
3406
+ Hide codedrawOpen in CodeSandbox
3437
3407
 
3438
3408
  <IressMultiCombobox
3439
3409
  defaultValue\={\[
@@ -3489,8 +3459,6 @@ Option 1, Option 2, Option 3
3489
3459
 
3490
3460
  <IressIcon />
3491
3461
 
3492
-
3493
-
3494
3462
  | Set object |
3495
3463
  | autoComplete |
3496
3464
 
@@ -3521,7 +3489,7 @@ LabelValueMeta\[\]
3521
3489
 
3522
3490
  | \- |
3523
3491
 
3524
- RAW
3492
+ Edit JSON
3525
3493
 
3526
3494
  * defaultValue :
3527
3495
 
@@ -3588,7 +3556,7 @@ array
3588
3556
 
3589
3557
  | \- |
3590
3558
 
3591
- RAW
3559
+ Edit JSON
3592
3560
 
3593
3561
  * options :
3594
3562
 
@@ -3629,7 +3597,7 @@ object
3629
3597
 
3630
3598
  | { } |
3631
3599
 
3632
- RAW
3600
+ Edit JSON
3633
3601
 
3634
3602
  popoverProps :
3635
3603
 
@@ -17,7 +17,7 @@ Your screen size is showing the container for the **xl** breakpoint.
17
17
  * Screen width range: 1200px - 1499px
18
18
  * Max width: 1280px
19
19
 
20
- ```
20
+ Hide codedrawOpen in CodeSandbox
21
21
 
22
22
  <IressContainer\>
23
23
  <p\>
@@ -25,7 +25,7 @@ Your screen size is showing the container for the **xl** breakpoint.
25
25
  <p\>
26
26
  Try resizing the screen to see the difference. </p\>
27
27
  <IressPanel\>
28
- <kn renderLabel\="container" />
28
+ <Ln renderLabel\="container" />
29
29
  </IressPanel\>
30
30
  </IressContainer\>
31
31
 
@@ -87,7 +87,7 @@ Your screen size is showing the container for the **xl** breakpoint.
87
87
  * Screen width range: 1200px - 1499px
88
88
  * Max width: 100%
89
89
 
90
- ```
90
+ Hide codedrawOpen in CodeSandbox
91
91
 
92
92
  <IressContainer fluid\>
93
93
  <p\>
@@ -99,7 +99,7 @@ Your screen size is showing the container for the **xl** breakpoint.
99
99
  {' '}prop is enabled, the container will span the full width of its containing element. Try resizing the screen to see how the IressContainer is 100% for all screen sizes.
100
100
  </p\>
101
101
  <IressPanel\>
102
- <kn renderLabel\="container-fluid" />
102
+ <Ln renderLabel\="container-fluid" />
103
103
  </IressPanel\>
104
104
  </IressContainer\>
105
105
 
@@ -10,7 +10,7 @@ A divider is a UI element that separates content in lists and layouts.
10
10
 
11
11
  * * *
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
15
  <IressDivider />
16
16
 
@@ -54,7 +54,7 @@ Separate
54
54
 
55
55
  this
56
56
 
57
- ```
57
+ Hide codedrawOpen in CodeSandbox
58
58
 
59
59
  <IressInline
60
60
  gutter\="md"
@@ -151,7 +151,7 @@ Separate
151
151
 
152
152
  this
153
153
 
154
- ```
154
+ Hide codedrawOpen in CodeSandbox
155
155
 
156
156
  <IressInline gutter\="md"\>
157
157
  <IressPanel\>
@@ -12,7 +12,7 @@ Expander activator
12
12
 
13
13
  Expander content will go here (it is unformatted by default, use IressText to format the text)
14
14
 
15
- ```
15
+ Hide codedrawOpen in CodeSandbox
16
16
 
17
17
  <IressExpander activator\="Expander activator"\>
18
18
  Expander content will go here (it is unformatted by default, use IressText to format the text)
@@ -119,7 +119,7 @@ link mode
119
119
 
120
120
  Okay, so 9:00 you are strolling through the parking lot, you see us struggling in the car, you walk up, you open the door and you say, your line, George.
121
121
 
122
- ```
122
+ Hide codedrawOpen in CodeSandbox
123
123
 
124
124
  <div className\="iress-u-stack iress--gutter--md"\>
125
125
  <div\>
@@ -266,7 +266,7 @@ Expander activator
266
266
 
267
267
  Expander content will go here (it is unformatted by default, use IressText to format the text)
268
268
 
269
- ```
269
+ Hide codedrawOpen in CodeSandbox
270
270
 
271
271
  <IressExpander
272
272
  activator\="Expander activator"
@@ -361,8 +361,10 @@ bottom
361
361
  Bottom
362
362
  ------
363
363
 
364
- ```
364
+ Hide codedrawOpen in CodeSandbox
365
365
 
366
+ import { IressExpander } from '@/main';
367
+ import { useState } from 'react';
366
368
  export const MultipleExpander \= () \=> {
367
369
  const \[openActivator, setOpenActivator\] \= useState('');
368
370
  const handleChange \= (newOpenActivator: string, open?: boolean) \=> {