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

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 (68) hide show
  1. package/generated/docs/components_components-alert-docs.md +51 -47
  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 +94 -60
  20. package/generated/docs/components_components-form-recipes-docs.md +114 -13
  21. package/generated/docs/components_components-hide-docs.md +55 -12
  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 +47 -131
  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-typography-docs.md +7 -7
  64. package/generated/docs/components_introduction-docs.md +1 -1
  65. package/generated/docs/components_patterns-loading-docs.md +101 -24
  66. package/generated/docs/components_sandbox-docs.md +4 -0
  67. package/generated/docs/guidelines.md +7 -7
  68. package/package.json +10 -10
@@ -8,7 +8,7 @@ Autocomplete allow for users to fill in their input by providing suggestions as
8
8
 
9
9
  [](./iframe.html?id=components-autocomplete--default)
10
10
 
11
- ```
11
+ Hide codedrawOpen in CodeSandbox
12
12
 
13
13
  <IressAutocomplete
14
14
  options\={\[
@@ -60,8 +60,6 @@ ReactNode
60
60
 
61
61
  <IressIcon />
62
62
 
63
-
64
-
65
63
  | Set object |
66
64
  | autoComplete |
67
65
 
@@ -108,8 +106,6 @@ ReactNode
108
106
 
109
107
  <IressAlert />
110
108
 
111
-
112
-
113
109
  | Set object |
114
110
  | limitDesktop |
115
111
 
@@ -149,7 +145,7 @@ array
149
145
 
150
146
  | \- |
151
147
 
152
- RAW
148
+ Edit JSON
153
149
 
154
150
  * options :
155
151
 
@@ -192,7 +188,7 @@ AutocompletePopoverProps
192
188
 
193
189
  | { } |
194
190
 
195
- RAW
191
+ Edit JSON
196
192
 
197
193
  popoverProps :
198
194
 
@@ -236,7 +232,7 @@ The `defaultValue` prop can be used to set the initial value of the input. The v
236
232
 
237
233
  ×Clear
238
234
 
239
- ```
235
+ Hide codedrawOpen in CodeSandbox
240
236
 
241
237
  <IressAutocomplete
242
238
  defaultValue\="Option 1"
@@ -288,8 +284,6 @@ ReactNode
288
284
 
289
285
  <IressIcon />
290
286
 
291
-
292
-
293
287
  | Set object |
294
288
  | autoComplete |
295
289
 
@@ -343,8 +337,6 @@ ReactNode
343
337
 
344
338
  <IressAlert />
345
339
 
346
-
347
-
348
340
  | Set object |
349
341
  | limitDesktop |
350
342
 
@@ -384,7 +376,7 @@ array
384
376
 
385
377
  | \- |
386
378
 
387
- RAW
379
+ Edit JSON
388
380
 
389
381
  * options :
390
382
 
@@ -427,7 +419,7 @@ AutocompletePopoverProps
427
419
 
428
420
  | { } |
429
421
 
430
- RAW
422
+ Edit JSON
431
423
 
432
424
  popoverProps :
433
425
 
@@ -464,9 +456,9 @@ The `value` prop can be used to completely control the state of the component. U
464
456
 
465
457
  ×Clear
466
458
 
467
- ```
459
+ Hide codedrawOpen in CodeSandbox
468
460
 
469
- import { IressAutocomplete, type IressAutocompleteProps } from '@iress-oss/ids-components';
461
+ import { IressAutocomplete, type IressAutocompleteProps } from '@/main';
470
462
  import { useState } from 'react';
471
463
  export const AutocompleteUsingState \= () \=> {
472
464
  const \[value, setValue\] \= useState('Option 1');
@@ -527,8 +519,6 @@ ReactNode
527
519
 
528
520
  <IressIcon />
529
521
 
530
-
531
-
532
522
  | Set object |
533
523
  | autoComplete |
534
524
 
@@ -580,8 +570,6 @@ ReactNode
580
570
 
581
571
  <IressAlert />
582
572
 
583
-
584
-
585
573
  | Set object |
586
574
  | limitDesktop |
587
575
 
@@ -621,7 +609,7 @@ array
621
609
 
622
610
  | \- |
623
611
 
624
- RAW
612
+ Edit JSON
625
613
 
626
614
  * options :
627
615
 
@@ -664,7 +652,7 @@ AutocompletePopoverProps
664
652
 
665
653
  | { } |
666
654
 
667
- RAW
655
+ Edit JSON
668
656
 
669
657
  popoverProps :
670
658
 
@@ -708,7 +696,7 @@ To use the suggestion functionality, you can provide an array of `LabelValueMeta
708
696
 
709
697
  [](./iframe.html?id=components-autocomplete--options)
710
698
 
711
- ```
699
+ Hide codedrawOpen in CodeSandbox
712
700
 
713
701
  <IressAutocomplete
714
702
  options\={\[
@@ -759,8 +747,6 @@ ReactNode
759
747
 
760
748
  <IressIcon />
761
749
 
762
-
763
-
764
750
  | Set object |
765
751
  | autoComplete |
766
752
 
@@ -807,8 +793,6 @@ ReactNode
807
793
 
808
794
  <IressAlert />
809
795
 
810
-
811
-
812
796
  | Set object |
813
797
  | limitDesktop |
814
798
 
@@ -848,7 +832,7 @@ array
848
832
 
849
833
  | \- |
850
834
 
851
- RAW
835
+ Edit JSON
852
836
 
853
837
  * options :
854
838
 
@@ -891,7 +875,7 @@ AutocompletePopoverProps
891
875
 
892
876
  | { } |
893
877
 
894
- RAW
878
+ Edit JSON
895
879
 
896
880
  popoverProps :
897
881
 
@@ -926,9 +910,9 @@ If you would like to render suggestions from the server, you can pass a function
926
910
 
927
911
  [](./iframe.html?id=components-autocomplete--async-options)
928
912
 
929
- ```
913
+ Hide codedrawOpen in CodeSandbox
930
914
 
931
- import { IressAutocomplete, type IressAutocompleteProps } from '@iress-oss/ids-components';
915
+ import { IressAutocomplete, type IressAutocompleteProps } from '@/main';
932
916
  interface StarWarsCharacter {
933
917
  name: string;
934
918
  gender: string;
@@ -985,8 +969,6 @@ ReactNode
985
969
 
986
970
  <IressIcon />
987
971
 
988
-
989
-
990
972
  | Set object |
991
973
  | autoComplete |
992
974
 
@@ -1033,8 +1015,6 @@ ReactNode
1033
1015
 
1034
1016
  <IressAlert />
1035
1017
 
1036
-
1037
-
1038
1018
  | Set object |
1039
1019
  | limitDesktop |
1040
1020
 
@@ -1081,7 +1061,7 @@ AutocompletePopoverProps
1081
1061
 
1082
1062
  | { } |
1083
1063
 
1084
- RAW
1064
+ Edit JSON
1085
1065
 
1086
1066
  popoverProps :
1087
1067
 
@@ -1118,9 +1098,9 @@ By default, async searches are triggered after 1 character. Setting a higher val
1118
1098
 
1119
1099
  [](./iframe.html?id=components-autocomplete--async-options-min-search-length)
1120
1100
 
1121
- ```
1101
+ Hide codedrawOpen in CodeSandbox
1122
1102
 
1123
- import { IressAutocomplete, type IressAutocompleteProps } from '@iress-oss/ids-components';
1103
+ import { IressAutocomplete, type IressAutocompleteProps } from '@/main';
1124
1104
  interface StarWarsCharacter {
1125
1105
  name: string;
1126
1106
  gender: string;
@@ -1178,8 +1158,6 @@ ReactNode
1178
1158
 
1179
1159
  <IressIcon />
1180
1160
 
1181
-
1182
-
1183
1161
  | Set object |
1184
1162
  | autoComplete |
1185
1163
 
@@ -1226,8 +1204,6 @@ ReactNode
1226
1204
 
1227
1205
  <IressAlert />
1228
1206
 
1229
-
1230
-
1231
1207
  | Set object |
1232
1208
  | limitDesktop |
1233
1209
 
@@ -1281,7 +1257,7 @@ AutocompletePopoverProps
1281
1257
 
1282
1258
  | { } |
1283
1259
 
1284
- RAW
1260
+ Edit JSON
1285
1261
 
1286
1262
  popoverProps :
1287
1263
 
@@ -1316,7 +1292,7 @@ If you want to provide initial options to the user, you can use the `initialOpti
1316
1292
 
1317
1293
  [](./iframe.html?id=components-autocomplete--initial-options)
1318
1294
 
1319
- ```
1295
+ Hide codedrawOpen in CodeSandbox
1320
1296
 
1321
1297
  <IressAutocomplete
1322
1298
  initialOptions\={\[
@@ -1378,8 +1354,6 @@ ReactNode
1378
1354
 
1379
1355
  <IressIcon />
1380
1356
 
1381
-
1382
-
1383
1357
  | Set object |
1384
1358
  | autoComplete |
1385
1359
 
@@ -1426,8 +1400,6 @@ ReactNode
1426
1400
 
1427
1401
  <IressAlert />
1428
1402
 
1429
-
1430
-
1431
1403
  | Set object |
1432
1404
  | initialOptions |
1433
1405
 
@@ -1437,7 +1409,7 @@ array
1437
1409
 
1438
1410
  | \- |
1439
1411
 
1440
- RAW
1412
+ Edit JSON
1441
1413
 
1442
1414
  * initialOptions :
1443
1415
 
@@ -1500,7 +1472,7 @@ array
1500
1472
 
1501
1473
  | \- |
1502
1474
 
1503
- RAW
1475
+ Edit JSON
1504
1476
 
1505
1477
  * options :
1506
1478
 
@@ -1543,7 +1515,7 @@ AutocompletePopoverProps
1543
1515
 
1544
1516
  | { } |
1545
1517
 
1546
- RAW
1518
+ Edit JSON
1547
1519
 
1548
1520
  popoverProps :
1549
1521
 
@@ -1606,7 +1578,7 @@ The `autoSelect` prop will automatically select the highlighted option when the
1606
1578
 
1607
1579
  [](./iframe.html?id=components-autocomplete--remove-auto-select)
1608
1580
 
1609
- ```
1581
+ Hide codedrawOpen in CodeSandbox
1610
1582
 
1611
1583
  <IressAutocomplete
1612
1584
  autoSelect\={false}
@@ -1659,8 +1631,6 @@ ReactNode
1659
1631
 
1660
1632
  <IressIcon />
1661
1633
 
1662
-
1663
-
1664
1634
  | Set object |
1665
1635
  | autoComplete |
1666
1636
 
@@ -1707,8 +1677,6 @@ ReactNode
1707
1677
 
1708
1678
  <IressAlert />
1709
1679
 
1710
-
1711
-
1712
1680
  | Set object |
1713
1681
  | limitDesktop |
1714
1682
 
@@ -1748,7 +1716,7 @@ array
1748
1716
 
1749
1717
  | \- |
1750
1718
 
1751
- RAW
1719
+ Edit JSON
1752
1720
 
1753
1721
  * options :
1754
1722
 
@@ -1798,7 +1766,7 @@ AutocompletePopoverProps
1798
1766
 
1799
1767
  | { } |
1800
1768
 
1801
- RAW
1769
+ Edit JSON
1802
1770
 
1803
1771
  popoverProps :
1804
1772
 
@@ -1835,7 +1803,7 @@ It does have some defaults to help with user experience. `append` automatically
1835
1803
 
1836
1804
  [](./iframe.html?id=components-autocomplete--input-props)
1837
1805
 
1838
- ```
1806
+ Hide codedrawOpen in CodeSandbox
1839
1807
 
1840
1808
  <IressAutocomplete
1841
1809
  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\>}
@@ -1889,11 +1857,9 @@ ReactNode
1889
1857
 
1890
1858
  <IressIcon />
1891
1859
 
1892
-
1893
-
1894
1860
  |
1895
1861
 
1896
- RAW
1862
+ Edit JSON
1897
1863
 
1898
1864
  append :
1899
1865
 
@@ -1969,8 +1935,6 @@ ReactNode
1969
1935
 
1970
1936
  <IressAlert />
1971
1937
 
1972
-
1973
-
1974
1938
  | Set object |
1975
1939
  | limitDesktop |
1976
1940
 
@@ -2010,7 +1974,7 @@ array
2010
1974
 
2011
1975
  | \- |
2012
1976
 
2013
- RAW
1977
+ Edit JSON
2014
1978
 
2015
1979
  * options :
2016
1980
 
@@ -2053,7 +2017,7 @@ AutocompletePopoverProps
2053
2017
 
2054
2018
  | { } |
2055
2019
 
2056
- RAW
2020
+ Edit JSON
2057
2021
 
2058
2022
  popoverProps :
2059
2023
 
@@ -2076,7 +2040,7 @@ object
2076
2040
 
2077
2041
  | \- |
2078
2042
 
2079
- RAW
2043
+ Edit JSON
2080
2044
 
2081
2045
  prepend :
2082
2046
 
@@ -2134,7 +2098,7 @@ If you would like to show a message when there are no results, you can use the `
2134
2098
 
2135
2099
  [](./iframe.html?id=components-autocomplete--no-results-text)
2136
2100
 
2137
- ```
2101
+ Hide codedrawOpen in CodeSandbox
2138
2102
 
2139
2103
  <IressAutocomplete
2140
2104
  noResultsText\={<IressPanel className\="iress-u-text"\>No results found</IressPanel\>}
@@ -2187,8 +2151,6 @@ ReactNode
2187
2151
 
2188
2152
  <IressIcon />
2189
2153
 
2190
-
2191
-
2192
2154
  | Set object |
2193
2155
  | autoComplete |
2194
2156
 
@@ -2235,8 +2197,6 @@ ReactNode
2235
2197
 
2236
2198
  <IressAlert />
2237
2199
 
2238
-
2239
-
2240
2200
  | Set object |
2241
2201
  | limitDesktop |
2242
2202
 
@@ -2262,7 +2222,7 @@ ReactNode
2262
2222
 
2263
2223
  | \- |
2264
2224
 
2265
- RAW
2225
+ Edit JSON
2266
2226
 
2267
2227
  noResultsText :
2268
2228
 
@@ -2305,7 +2265,7 @@ array
2305
2265
 
2306
2266
  | \- |
2307
2267
 
2308
- RAW
2268
+ Edit JSON
2309
2269
 
2310
2270
  * options :
2311
2271
 
@@ -2355,7 +2315,7 @@ AutocompletePopoverProps
2355
2315
 
2356
2316
  | { } |
2357
2317
 
2358
- RAW
2318
+ Edit JSON
2359
2319
 
2360
2320
  popoverProps :
2361
2321
 
@@ -2392,7 +2352,7 @@ There are two additional props that autocomplete accepts to customise the popove
2392
2352
 
2393
2353
  [](./iframe.html?id=components-autocomplete--popover-props)
2394
2354
 
2395
- ```
2355
+ Hide codedrawOpen in CodeSandbox
2396
2356
 
2397
2357
  <IressAutocomplete
2398
2358
  options\={\[
@@ -2444,8 +2404,6 @@ ReactNode
2444
2404
 
2445
2405
  <IressIcon />
2446
2406
 
2447
-
2448
-
2449
2407
  | Set object |
2450
2408
  | autoComplete |
2451
2409
 
@@ -2492,8 +2450,6 @@ ReactNode
2492
2450
 
2493
2451
  <IressAlert />
2494
2452
 
2495
-
2496
-
2497
2453
  | Set object |
2498
2454
  | limitDesktop |
2499
2455
 
@@ -2533,7 +2489,7 @@ array
2533
2489
 
2534
2490
  | \- |
2535
2491
 
2536
- RAW
2492
+ Edit JSON
2537
2493
 
2538
2494
  * options :
2539
2495
 
@@ -2576,7 +2532,7 @@ AutocompletePopoverProps
2576
2532
 
2577
2533
  | { } |
2578
2534
 
2579
- RAW
2535
+ Edit JSON
2580
2536
 
2581
2537
  popoverProps :
2582
2538
 
@@ -2618,7 +2574,7 @@ By default there is a debounce, but it can be removed by setting it to `0`.
2618
2574
 
2619
2575
  [](./iframe.html?id=components-autocomplete--debounce-threshold)
2620
2576
 
2621
- ```
2577
+ Hide codedrawOpen in CodeSandbox
2622
2578
 
2623
2579
  <IressAutocomplete
2624
2580
  debounceThreshold\={0}
@@ -2671,8 +2627,6 @@ ReactNode
2671
2627
 
2672
2628
  <IressIcon />
2673
2629
 
2674
-
2675
-
2676
2630
  | Set object |
2677
2631
  | autoComplete |
2678
2632
 
@@ -2726,8 +2680,6 @@ ReactNode
2726
2680
 
2727
2681
  <IressAlert />
2728
2682
 
2729
-
2730
-
2731
2683
  | Set object |
2732
2684
  | limitDesktop |
2733
2685
 
@@ -2767,7 +2719,7 @@ array
2767
2719
 
2768
2720
  | \- |
2769
2721
 
2770
- RAW
2722
+ Edit JSON
2771
2723
 
2772
2724
  * options :
2773
2725
 
@@ -2817,7 +2769,7 @@ AutocompletePopoverProps
2817
2769
 
2818
2770
  | { } |
2819
2771
 
2820
- RAW
2772
+ Edit JSON
2821
2773
 
2822
2774
  popoverProps :
2823
2775
 
@@ -2869,11 +2821,11 @@ The result limits will also affect the number of initial options displayed, if t
2869
2821
 
2870
2822
  **xl** breakpoint (1200px - 1499px)
2871
2823
 
2872
- ```
2824
+ Hide codedrawOpen in CodeSandbox
2873
2825
 
2874
2826
  <IressStack gutter\="md"\>
2875
2827
  <IressPanel className\="iress-u-text"\>
2876
- <kn />
2828
+ <Ln />
2877
2829
  </IressPanel\>
2878
2830
  <IressAutocomplete
2879
2831
  limitDesktop\={6}
@@ -2957,8 +2909,6 @@ ReactNode
2957
2909
 
2958
2910
  <IressIcon />
2959
2911
 
2960
-
2961
-
2962
2912
  | Set object |
2963
2913
  | autoComplete |
2964
2914
 
@@ -3005,8 +2955,6 @@ ReactNode
3005
2955
 
3006
2956
  <IressAlert />
3007
2957
 
3008
-
3009
-
3010
2958
  | Set object |
3011
2959
  | limitDesktop |
3012
2960
 
@@ -3054,7 +3002,7 @@ array
3054
3002
 
3055
3003
  | \- |
3056
3004
 
3057
- RAW
3005
+ Edit JSON
3058
3006
 
3059
3007
  * options :
3060
3008
 
@@ -3137,7 +3085,7 @@ AutocompletePopoverProps
3137
3085
 
3138
3086
  | { } |
3139
3087
 
3140
- RAW
3088
+ Edit JSON
3141
3089
 
3142
3090
  popoverProps :
3143
3091
 
@@ -3176,7 +3124,7 @@ If you need more control over the read-only state (for example, rendering a styl
3176
3124
 
3177
3125
  Option 1
3178
3126
 
3179
- ```
3127
+ Hide codedrawOpen in CodeSandbox
3180
3128
 
3181
3129
  <IressAutocomplete
3182
3130
  defaultValue\="Option 1"
@@ -3229,8 +3177,6 @@ ReactNode
3229
3177
 
3230
3178
  <IressIcon />
3231
3179
 
3232
-
3233
-
3234
3180
  | Set object |
3235
3181
  | autoComplete |
3236
3182
 
@@ -3284,8 +3230,6 @@ ReactNode
3284
3230
 
3285
3231
  <IressAlert />
3286
3232
 
3287
-
3288
-
3289
3233
  | Set object |
3290
3234
  | limitDesktop |
3291
3235
 
@@ -3325,7 +3269,7 @@ array
3325
3269
 
3326
3270
  | \- |
3327
3271
 
3328
- RAW
3272
+ Edit JSON
3329
3273
 
3330
3274
  * options :
3331
3275
 
@@ -3368,7 +3312,7 @@ AutocompletePopoverProps
3368
3312
 
3369
3313
  | { } |
3370
3314
 
3371
- RAW
3315
+ Edit JSON
3372
3316
 
3373
3317
  popoverProps :
3374
3318
 
@@ -27,8 +27,15 @@ It has been exposed in case you need it in your application to provide custom se
27
27
  | Person 4 | Female |
28
28
  | Person 5 | Male |
29
29
 
30
- ```
31
-
30
+ Hide codedrawOpen in CodeSandbox
31
+
32
+ import {
33
+ IressInput,
34
+ IressStack,
35
+ IressTable,
36
+ useAutocompleteSearch,
37
+ } from '@/main';
38
+ import { useMemo, useState } from 'react';
32
39
  const ALL\_ROWS \= \[...Array(5).keys()\].map((number) \=> ({
33
40
  label: \`Person ${number + 1}\`,
34
41
  gender: number % 2 ? 'Female' : 'Male',
@@ -10,7 +10,7 @@ Badges are used to highlight an item's status for quick recognition
10
10
 
11
11
  badge
12
12
 
13
- ```
13
+ Hide codedrawOpen in CodeSandbox
14
14
 
15
15
  <IressBadge mode\="background-default"\>
16
16
  badge
@@ -82,7 +82,7 @@ The `mode` prop controls the colour scheme of the badge. There are a range of op
82
82
 
83
83
  successwarningdangerinfopositivenegativebackground-altbackground-default
84
84
 
85
- ```
85
+ Hide codedrawOpen in CodeSandbox
86
86
 
87
87
  <IressInline gutter\="sm"\>
88
88
  <IressBadge mode\="success"\>
@@ -161,7 +161,7 @@ Setting the `pill` prop will render the badge with rounded corners. Often used f
161
161
 
162
162
  successwarningdangerinfopositivenegativebackground-altbackground-default
163
163
 
164
- ```
164
+ Hide codedrawOpen in CodeSandbox
165
165
 
166
166
  <IressInline gutter\="sm"\>
167
167
  <IressBadge
@@ -268,7 +268,7 @@ Host button3
268
268
 
269
269
  Host tab99+
270
270
 
271
- ```
271
+ Hide codedrawOpen in CodeSandbox
272
272
 
273
273
  <IressInline gutter\="lg"\>
274
274
  <IressBadge