@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.
- package/generated/docs/components_components-alert-docs.md +51 -47
- package/generated/docs/components_components-autocomplete-docs.md +48 -104
- package/generated/docs/components_components-autocomplete-recipes-docs.md +9 -2
- package/generated/docs/components_components-badge-docs.md +4 -4
- package/generated/docs/components_components-button-docs.md +24 -24
- package/generated/docs/components_components-buttongroup-docs.md +20 -20
- package/generated/docs/components_components-card-docs.md +70 -56
- package/generated/docs/components_components-card-recipes-docs.md +4 -4
- package/generated/docs/components_components-checkbox-docs.md +7 -21
- package/generated/docs/components_components-checkboxgroup-docs.md +32 -32
- package/generated/docs/components_components-checkboxgroup-recipes-docs.md +2 -2
- package/generated/docs/components_components-col-docs.md +10 -10
- package/generated/docs/components_components-combobox-docs.md +58 -90
- package/generated/docs/components_components-container-docs.md +4 -4
- package/generated/docs/components_components-divider-docs.md +3 -3
- package/generated/docs/components_components-expander-docs.md +6 -4
- package/generated/docs/components_components-field-docs.md +18 -18
- package/generated/docs/components_components-filter-docs.md +54 -54
- package/generated/docs/components_components-form-docs.md +94 -60
- package/generated/docs/components_components-form-recipes-docs.md +114 -13
- package/generated/docs/components_components-hide-docs.md +55 -12
- package/generated/docs/components_components-icon-docs.md +13 -13
- package/generated/docs/components_components-inline-docs.md +14 -14
- package/generated/docs/components_components-input-docs.md +10 -10
- package/generated/docs/components_components-input-recipes-docs.md +3 -3
- package/generated/docs/components_components-inputcurrency-docs.md +6 -6
- package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
- package/generated/docs/components_components-label-docs.md +6 -6
- package/generated/docs/components_components-menu-docs.md +40 -40
- package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
- package/generated/docs/components_components-modal-docs.md +29 -13
- package/generated/docs/components_components-navbar-docs.md +42 -42
- package/generated/docs/components_components-navbar-recipes-docs.md +41 -18
- package/generated/docs/components_components-panel-docs.md +19 -19
- package/generated/docs/components_components-placeholder-docs.md +1 -1
- package/generated/docs/components_components-popover-docs.md +32 -30
- package/generated/docs/components_components-popover-recipes-docs.md +47 -131
- package/generated/docs/components_components-progress-docs.md +1 -1
- package/generated/docs/components_components-provider-docs.md +2 -2
- package/generated/docs/components_components-radio-docs.md +5 -5
- package/generated/docs/components_components-radiogroup-docs.md +29 -45
- package/generated/docs/components_components-readonly-docs.md +5 -5
- package/generated/docs/components_components-richselect-docs.md +88 -64
- package/generated/docs/components_components-row-docs.md +12 -12
- package/generated/docs/components_components-select-docs.md +8 -8
- package/generated/docs/components_components-skeleton-docs.md +9 -9
- package/generated/docs/components_components-skeleton-recipes-docs.md +2 -2
- package/generated/docs/components_components-skiplink-docs.md +3 -3
- package/generated/docs/components_components-slideout-docs.md +43 -12
- package/generated/docs/components_components-slider-docs.md +12 -12
- package/generated/docs/components_components-spinner-docs.md +3 -3
- package/generated/docs/components_components-stack-docs.md +14 -14
- package/generated/docs/components_components-table-docs.md +51 -44
- package/generated/docs/components_components-tabset-docs.md +10 -10
- package/generated/docs/components_components-tabset-tab-docs.md +4 -4
- package/generated/docs/components_components-tag-docs.md +8 -10
- package/generated/docs/components_components-text-docs.md +7 -7
- package/generated/docs/components_components-toaster-docs.md +12 -12
- package/generated/docs/components_components-toaster-toast-docs.md +30 -30
- package/generated/docs/components_components-toggle-docs.md +5 -5
- package/generated/docs/components_components-tooltip-docs.md +4 -4
- package/generated/docs/components_components-validationmessage-docs.md +6 -6
- package/generated/docs/components_foundations-typography-docs.md +7 -7
- package/generated/docs/components_introduction-docs.md +1 -1
- package/generated/docs/components_patterns-loading-docs.md +101 -24
- package/generated/docs/components_sandbox-docs.md +4 -0
- package/generated/docs/guidelines.md +7 -7
- 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
|
-
|
|
148
|
+
Edit JSON
|
|
153
149
|
|
|
154
150
|
* options :
|
|
155
151
|
|
|
@@ -192,7 +188,7 @@ AutocompletePopoverProps
|
|
|
192
188
|
|
|
193
189
|
| { } |
|
|
194
190
|
|
|
195
|
-
|
|
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
|
-
|
|
379
|
+
Edit JSON
|
|
388
380
|
|
|
389
381
|
* options :
|
|
390
382
|
|
|
@@ -427,7 +419,7 @@ AutocompletePopoverProps
|
|
|
427
419
|
|
|
428
420
|
| { } |
|
|
429
421
|
|
|
430
|
-
|
|
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 '
|
|
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
|
-
|
|
612
|
+
Edit JSON
|
|
625
613
|
|
|
626
614
|
* options :
|
|
627
615
|
|
|
@@ -664,7 +652,7 @@ AutocompletePopoverProps
|
|
|
664
652
|
|
|
665
653
|
| { } |
|
|
666
654
|
|
|
667
|
-
|
|
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
|
-
|
|
835
|
+
Edit JSON
|
|
852
836
|
|
|
853
837
|
* options :
|
|
854
838
|
|
|
@@ -891,7 +875,7 @@ AutocompletePopoverProps
|
|
|
891
875
|
|
|
892
876
|
| { } |
|
|
893
877
|
|
|
894
|
-
|
|
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 '
|
|
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
|
-
|
|
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 '
|
|
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
|
-
|
|
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
|
-
|
|
1412
|
+
Edit JSON
|
|
1441
1413
|
|
|
1442
1414
|
* initialOptions :
|
|
1443
1415
|
|
|
@@ -1500,7 +1472,7 @@ array
|
|
|
1500
1472
|
|
|
1501
1473
|
| \- |
|
|
1502
1474
|
|
|
1503
|
-
|
|
1475
|
+
Edit JSON
|
|
1504
1476
|
|
|
1505
1477
|
* options :
|
|
1506
1478
|
|
|
@@ -1543,7 +1515,7 @@ AutocompletePopoverProps
|
|
|
1543
1515
|
|
|
1544
1516
|
| { } |
|
|
1545
1517
|
|
|
1546
|
-
|
|
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
|
-
|
|
1719
|
+
Edit JSON
|
|
1752
1720
|
|
|
1753
1721
|
* options :
|
|
1754
1722
|
|
|
@@ -1798,7 +1766,7 @@ AutocompletePopoverProps
|
|
|
1798
1766
|
|
|
1799
1767
|
| { } |
|
|
1800
1768
|
|
|
1801
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1977
|
+
Edit JSON
|
|
2014
1978
|
|
|
2015
1979
|
* options :
|
|
2016
1980
|
|
|
@@ -2053,7 +2017,7 @@ AutocompletePopoverProps
|
|
|
2053
2017
|
|
|
2054
2018
|
| { } |
|
|
2055
2019
|
|
|
2056
|
-
|
|
2020
|
+
Edit JSON
|
|
2057
2021
|
|
|
2058
2022
|
popoverProps :
|
|
2059
2023
|
|
|
@@ -2076,7 +2040,7 @@ object
|
|
|
2076
2040
|
|
|
2077
2041
|
| \- |
|
|
2078
2042
|
|
|
2079
|
-
|
|
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
|
-
|
|
2225
|
+
Edit JSON
|
|
2266
2226
|
|
|
2267
2227
|
noResultsText :
|
|
2268
2228
|
|
|
@@ -2305,7 +2265,7 @@ array
|
|
|
2305
2265
|
|
|
2306
2266
|
| \- |
|
|
2307
2267
|
|
|
2308
|
-
|
|
2268
|
+
Edit JSON
|
|
2309
2269
|
|
|
2310
2270
|
* options :
|
|
2311
2271
|
|
|
@@ -2355,7 +2315,7 @@ AutocompletePopoverProps
|
|
|
2355
2315
|
|
|
2356
2316
|
| { } |
|
|
2357
2317
|
|
|
2358
|
-
|
|
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
|
-
|
|
2492
|
+
Edit JSON
|
|
2537
2493
|
|
|
2538
2494
|
* options :
|
|
2539
2495
|
|
|
@@ -2576,7 +2532,7 @@ AutocompletePopoverProps
|
|
|
2576
2532
|
|
|
2577
2533
|
| { } |
|
|
2578
2534
|
|
|
2579
|
-
|
|
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
|
-
|
|
2722
|
+
Edit JSON
|
|
2771
2723
|
|
|
2772
2724
|
* options :
|
|
2773
2725
|
|
|
@@ -2817,7 +2769,7 @@ AutocompletePopoverProps
|
|
|
2817
2769
|
|
|
2818
2770
|
| { } |
|
|
2819
2771
|
|
|
2820
|
-
|
|
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
|
-
<
|
|
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
|
-
|
|
3005
|
+
Edit JSON
|
|
3058
3006
|
|
|
3059
3007
|
* options :
|
|
3060
3008
|
|
|
@@ -3137,7 +3085,7 @@ AutocompletePopoverProps
|
|
|
3137
3085
|
|
|
3138
3086
|
| { } |
|
|
3139
3087
|
|
|
3140
|
-
|
|
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
|
-
|
|
3272
|
+
Edit JSON
|
|
3329
3273
|
|
|
3330
3274
|
* options :
|
|
3331
3275
|
|
|
@@ -3368,7 +3312,7 @@ AutocompletePopoverProps
|
|
|
3368
3312
|
|
|
3369
3313
|
| { } |
|
|
3370
3314
|
|
|
3371
|
-
|
|
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
|