@iress-oss/ids-mcp-server 6.0.0-alpha.2 → 6.0.0-alpha.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 (80) hide show
  1. package/generated/docs/components_components-alert-docs.md +7 -7
  2. package/generated/docs/components_components-autocomplete-docs.md +18 -18
  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 +16 -14
  6. package/generated/docs/components_components-buttongroup-docs.md +9 -9
  7. package/generated/docs/components_components-card-docs.md +32 -17
  8. package/generated/docs/components_components-checkbox-docs.md +7 -7
  9. package/generated/docs/components_components-checkboxgroup-docs.md +10 -10
  10. package/generated/docs/components_components-checkboxgroup-recipes-docs.md +4 -3
  11. package/generated/docs/components_components-col-docs.md +38 -38
  12. package/generated/docs/components_components-container-docs.md +5 -5
  13. package/generated/docs/components_components-divider-docs.md +5 -5
  14. package/generated/docs/components_components-expander-docs.md +6 -4
  15. package/generated/docs/components_components-field-docs.md +28 -28
  16. package/generated/docs/components_components-filter-docs.md +19 -19
  17. package/generated/docs/components_components-hide-docs.md +9 -9
  18. package/generated/docs/components_components-icon-docs.md +9 -9
  19. package/generated/docs/components_components-image-docs.md +2 -2
  20. package/generated/docs/components_components-inline-docs.md +76 -388
  21. package/generated/docs/components_components-input-docs.md +9 -9
  22. package/generated/docs/components_components-input-recipes-docs.md +4 -4
  23. package/generated/docs/components_components-inputcurrency-docs.md +7 -7
  24. package/generated/docs/components_components-inputcurrency-recipes-docs.md +5 -2
  25. package/generated/docs/components_components-label-docs.md +4 -4
  26. package/generated/docs/components_components-link-docs.md +6 -4
  27. package/generated/docs/components_components-menu-docs.md +13 -13
  28. package/generated/docs/components_components-menu-menuitem-docs.md +12 -12
  29. package/generated/docs/components_components-modal-docs.md +32 -13
  30. package/generated/docs/components_components-panel-docs.md +6 -6
  31. package/generated/docs/components_components-placeholder-docs.md +1 -1
  32. package/generated/docs/components_components-popover-docs.md +11 -9
  33. package/generated/docs/components_components-popover-recipes-docs.md +4 -2
  34. package/generated/docs/components_components-progress-docs.md +1 -1
  35. package/generated/docs/components_components-provider-docs.md +2 -2
  36. package/generated/docs/components_components-radio-docs.md +5 -5
  37. package/generated/docs/components_components-radiogroup-docs.md +8 -8
  38. package/generated/docs/components_components-readonly-docs.md +3 -3
  39. package/generated/docs/components_components-richselect-docs.md +69 -28
  40. package/generated/docs/components_components-row-docs.md +60 -492
  41. package/generated/docs/components_components-select-docs.md +8 -8
  42. package/generated/docs/components_components-skeleton-docs.md +9 -9
  43. package/generated/docs/components_components-skeleton-recipes-docs.md +2 -2
  44. package/generated/docs/components_components-skiplink-docs.md +1 -1
  45. package/generated/docs/components_components-slideout-docs.md +34 -13
  46. package/generated/docs/components_components-slider-docs.md +8 -8
  47. package/generated/docs/components_components-spinner-docs.md +3 -3
  48. package/generated/docs/components_components-stack-docs.md +63 -175
  49. package/generated/docs/components_components-table-docs.md +31 -24
  50. package/generated/docs/components_components-tabset-docs.md +10 -10
  51. package/generated/docs/components_components-tabset-tab-docs.md +4 -4
  52. package/generated/docs/components_components-tag-docs.md +14 -5
  53. package/generated/docs/components_components-text-docs.md +21 -9
  54. package/generated/docs/components_components-toaster-docs.md +12 -12
  55. package/generated/docs/components_components-toggle-docs.md +6 -6
  56. package/generated/docs/components_components-tooltip-docs.md +4 -4
  57. package/generated/docs/components_components-validationmessage-docs.md +5 -5
  58. package/generated/docs/components_foundations-responsive-layout-docs.md +16 -15
  59. package/generated/docs/components_foundations-z-index-stacking-docs.md +1 -1
  60. package/generated/docs/components_introduction-docs.md +1 -1
  61. package/generated/docs/components_patterns-form-docs.md +139 -96
  62. package/generated/docs/components_patterns-form-recipes-docs.md +160 -30
  63. package/generated/docs/components_patterns-loading-docs.md +98 -17
  64. package/generated/docs/components_patterns-shadow-docs.md +2 -2
  65. package/generated/docs/components_sandbox-docs.md +4 -0
  66. package/generated/docs/components_styling-props-colour-docs.md +2 -2
  67. package/generated/docs/components_styling-props-elevation-docs.md +2 -2
  68. package/generated/docs/components_styling-props-radius-docs.md +3 -3
  69. package/generated/docs/components_styling-props-reference-docs.md +3 -3
  70. package/generated/docs/components_styling-props-screen-readers-docs.md +2 -2
  71. package/generated/docs/components_styling-props-sizing-docs.md +3 -3
  72. package/generated/docs/components_styling-props-spacing-docs.md +19 -19
  73. package/generated/docs/components_styling-props-typography-docs.md +2 -2
  74. package/generated/docs/guidelines.md +17 -16
  75. package/generated/docs/tokens_colour-docs.md +72 -0
  76. package/generated/docs/tokens_introduction-docs.md +15 -18
  77. package/generated/docs/tokens_sandbox-docs.md +1 -0
  78. package/generated/docs/tokens_spacing-docs.md +10 -40
  79. package/generated/docs/tokens_typography-docs.md +43 -1
  80. package/package.json +4 -4
@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
18
18
 
19
19
  First name
20
20
 
21
- ```
21
+ Hide codedrawOpen in CodeSandbox
22
22
 
23
23
  <IressField label\="First name"\>
24
24
  <IressInput
@@ -155,7 +155,7 @@ The `label` prop is required to describe the field.
155
155
 
156
156
  Find your address
157
157
 
158
- ```
158
+ Hide codedrawOpen in CodeSandbox
159
159
 
160
160
  <IressField label\={<span\><IressIcon name\="home" />{' '}Find your address</span\>}\>
161
161
  <IressInput
@@ -286,7 +286,7 @@ Email address
286
286
 
287
287
  For us to be able to contact you in the future
288
288
 
289
- ```
289
+ Hide codedrawOpen in CodeSandbox
290
290
 
291
291
  <IressField
292
292
  hint\="For us to be able to contact you in the future"
@@ -431,7 +431,7 @@ Error message
431
431
  * This field is required
432
432
 
433
433
 
434
- ```
434
+ Hide codedrawOpen in CodeSandbox
435
435
 
436
436
  <IressField
437
437
  errorMessages\={\[
@@ -594,7 +594,7 @@ Custom error
594
594
  * This is a custom error message
595
595
 
596
596
 
597
- ```
597
+ Hide codedrawOpen in CodeSandbox
598
598
 
599
599
  <IressField
600
600
  error\={<IressText color\="colour.system.danger.text" element\="small"\>This is a custom error message</IressText\>}
@@ -760,7 +760,7 @@ This label is hidden
760
760
 
761
761
  This hint text is hidden
762
762
 
763
- ```
763
+ Hide codedrawOpen in CodeSandbox
764
764
 
765
765
  <IressField
766
766
  hiddenLabel
@@ -909,7 +909,7 @@ This hint text is hidden
909
909
  * Even fields with hidden labels will show their validation message
910
910
 
911
911
 
912
- ```
912
+ Hide codedrawOpen in CodeSandbox
913
913
 
914
914
  <IressField
915
915
  error\={<IressText color\="colour.system.danger.text" element\="small"\>Even fields with hidden labels will show their validation message</IressText\>}
@@ -1087,7 +1087,7 @@ Fields marked as `required` will have an asterisk prepended to the label.
1087
1087
 
1088
1088
  \*RequiredThis field is required
1089
1089
 
1090
- ```
1090
+ Hide codedrawOpen in CodeSandbox
1091
1091
 
1092
1092
  <IressField
1093
1093
  label\="This field is required"
@@ -1236,7 +1236,7 @@ This field is readonly
1236
1236
 
1237
1237
  Luke Skywalker
1238
1238
 
1239
- ```
1239
+ Hide codedrawOpen in CodeSandbox
1240
1240
 
1241
1241
  <IressField
1242
1242
  hint\="This field is readonly"
@@ -1400,9 +1400,9 @@ First name
1400
1400
 
1401
1401
  I only show if there is no error
1402
1402
 
1403
- ```
1403
+ Hide codedrawOpen in CodeSandbox
1404
1404
 
1405
- <IressStack gap\="spacing.500"\>
1405
+ <IressStack gap\="spacing.5"\>
1406
1406
  <IressToggle
1407
1407
  onChange\={(checked) \=> setError(checked ? "This field is required" : void 0)}
1408
1408
  \>
@@ -1555,7 +1555,7 @@ Email address
1555
1555
 
1556
1556
  We will not share your email with third parties (Supplementary text)
1557
1557
 
1558
- ```
1558
+ Hide codedrawOpen in CodeSandbox
1559
1559
 
1560
1560
  <IressField
1561
1561
  hint\="Enter your email address for contact"
@@ -1706,7 +1706,7 @@ Email address
1706
1706
  * Please enter a valid email address
1707
1707
 
1708
1708
 
1709
- ```
1709
+ Hide codedrawOpen in CodeSandbox
1710
1710
 
1711
1711
  <IressField
1712
1712
  errorMessages\={\[
@@ -1885,9 +1885,9 @@ labelWidth: auto
1885
1885
 
1886
1886
  Default (no labelWidth)
1887
1887
 
1888
- ```
1888
+ Hide codedrawOpen in CodeSandbox
1889
1889
 
1890
- <IressStack gap\="spacing.500"\>
1890
+ <IressStack gap\="spacing.5"\>
1891
1891
  <IressField
1892
1892
  horizontal
1893
1893
  label\="labelWidth: 100px"
@@ -2102,10 +2102,10 @@ This is always-displayed supplementary text
2102
2102
 
2103
2103
  Email Address
2104
2104
 
2105
- ```
2105
+ Hide codedrawOpen in CodeSandbox
2106
2106
 
2107
- <IressStack gap\="spacing.500"\>
2108
- <IressInline gap\="spacing.400"\>
2107
+ <IressStack gap\="spacing.5"\>
2108
+ <IressInline gap\="spacing.4"\>
2109
2109
  <IressToggle
2110
2110
  onChange\={(checked) \=> setRemoveErrorMargin(checked)}
2111
2111
  \>
@@ -2115,15 +2115,15 @@ Email Address
2115
2115
  \>
2116
2116
  Show error message </IressToggle\>
2117
2117
  </IressInline\>
2118
- <IressRow gutter\="spacing.600"\>
2118
+ <IressRow gutter\="spacing.6"\>
2119
2119
  <IressCol span\="6"\>
2120
- <IressStack gap\="spacing.200"\>
2120
+ <IressStack gap\="spacing.2"\>
2121
2121
  <IressText
2122
2122
  element\="h3"
2123
2123
  textStyle\="typography.body.lg.strong"
2124
2124
  \>
2125
2125
  Vertical Label Layout </IressText\>
2126
- <IressStack gap\="spacing.000"\>
2126
+ <IressStack gap\="spacing.0"\>
2127
2127
  <IressField
2128
2128
  label\="First Name"
2129
2129
  \>
@@ -2162,13 +2162,13 @@ Email Address
2162
2162
  </IressStack\>
2163
2163
  </IressCol\>
2164
2164
  <IressCol span\="6"\>
2165
- <IressStack gap\="spacing.200"\>
2165
+ <IressStack gap\="spacing.2"\>
2166
2166
  <IressText
2167
2167
  element\="h3"
2168
2168
  textStyle\="typography.body.lg.strong"
2169
2169
  \>
2170
2170
  Horizontal Label Layout </IressText\>
2171
- <IressStack gap\="spacing.000"\>
2171
+ <IressStack gap\="spacing.0"\>
2172
2172
  <IressField
2173
2173
  horizontal
2174
2174
  label\="First Name"
@@ -2346,7 +2346,7 @@ Title
2346
2346
 
2347
2347
  \*RequiredLast name
2348
2348
 
2349
- ```
2349
+ Hide codedrawOpen in CodeSandbox
2350
2350
 
2351
2351
  <IressFieldGroup label\="Full name"\>
2352
2352
  <IressField
@@ -2528,7 +2528,7 @@ Title
2528
2528
 
2529
2529
  \*RequiredLast name
2530
2530
 
2531
- ```
2531
+ Hide codedrawOpen in CodeSandbox
2532
2532
 
2533
2533
  <IressFieldGroup
2534
2534
  inline
@@ -2717,7 +2717,7 @@ Submit
2717
2717
 
2718
2718
  Settings goes here
2719
2719
 
2720
- ```
2720
+ Hide codedrawOpen in CodeSandbox
2721
2721
 
2722
2722
  <form\>
2723
2723
  <IressFieldGroup
@@ -2937,7 +2937,7 @@ Title
2937
2937
 
2938
2938
  \*RequiredLast name
2939
2939
 
2940
- ```
2940
+ Hide codedrawOpen in CodeSandbox
2941
2941
 
2942
2942
  <IressFieldGroup
2943
2943
  join
@@ -3126,7 +3126,7 @@ Submit
3126
3126
 
3127
3127
  Settings goes here
3128
3128
 
3129
- ```
3129
+ Hide codedrawOpen in CodeSandbox
3130
3130
 
3131
3131
  <form\>
3132
3132
  <IressFieldGroup
@@ -20,7 +20,7 @@ Filter
20
20
 
21
21
  None selected
22
22
 
23
- ```
23
+ Hide codedrawOpen in CodeSandbox
24
24
 
25
25
  <IressFilter
26
26
  label\="Filter"
@@ -273,7 +273,7 @@ System users
273
273
  | --- | --- | --- | --- | --- |
274
274
  | No results found |
275
275
 
276
- ```
276
+ Hide codedrawOpen in CodeSandbox
277
277
 
278
278
  import {
279
279
  IressInline,
@@ -284,7 +284,7 @@ import {
284
284
  type IressFilterProps,
285
285
  IressButton,
286
286
  IressDivider,
287
- } from '@iress-oss/ids-components';
287
+ } from '@/main';
288
288
  import { useMemo, useState } from 'react';
289
289
  import { searchStarWarsCharacters } from '@/mocks/starWars';
290
290
  const USERS \= \[
@@ -688,7 +688,7 @@ Custom label
688
688
 
689
689
  None selected
690
690
 
691
- ```
691
+ Hide codedrawOpen in CodeSandbox
692
692
 
693
693
  <IressFilter
694
694
  label\="Custom label"
@@ -921,7 +921,7 @@ Filter: Option 1
921
921
 
922
922
  None selected
923
923
 
924
- ```
924
+ Hide codedrawOpen in CodeSandbox
925
925
 
926
926
  <IressFilter
927
927
  defaultValue\={{
@@ -1172,9 +1172,9 @@ Filter
1172
1172
 
1173
1173
  None selected
1174
1174
 
1175
- ```
1175
+ Hide codedrawOpen in CodeSandbox
1176
1176
 
1177
- import { IressFilter, type IressFilterProps } from '@iress-oss/ids-components';
1177
+ import { IressFilter, type IressFilterProps } from '@/main';
1178
1178
  import { useState } from 'react';
1179
1179
  export const FilterUsingState \= <TMultiple extends boolean \= false\>(
1180
1180
  <TMultiple\>,
@@ -1412,7 +1412,7 @@ Filter
1412
1412
 
1413
1413
  None selected
1414
1414
 
1415
- ```
1415
+ Hide codedrawOpen in CodeSandbox
1416
1416
 
1417
1417
  <IressFilter
1418
1418
  label\="Filter"
@@ -1645,7 +1645,7 @@ Filter
1645
1645
 
1646
1646
  None selected
1647
1647
 
1648
- ```
1648
+ Hide codedrawOpen in CodeSandbox
1649
1649
 
1650
1650
  <IressFilter
1651
1651
  label\="Filter"
@@ -1873,9 +1873,9 @@ Filter
1873
1873
 
1874
1874
  None selected
1875
1875
 
1876
- ```
1876
+ Hide codedrawOpen in CodeSandbox
1877
1877
 
1878
- import { IressFilter, type IressFilterProps } from '@iress-oss/ids-components';
1878
+ import { IressFilter, type IressFilterProps } from '@/main';
1879
1879
  interface StarWarsCharacter {
1880
1880
  name: string;
1881
1881
  gender: string;
@@ -2093,7 +2093,7 @@ Filter
2093
2093
 
2094
2094
  None selected
2095
2095
 
2096
- ```
2096
+ Hide codedrawOpen in CodeSandbox
2097
2097
 
2098
2098
  <IressFilter
2099
2099
  initialOptions\={\[
@@ -2373,7 +2373,7 @@ User
2373
2373
 
2374
2374
  None selected
2375
2375
 
2376
- ```
2376
+ Hide codedrawOpen in CodeSandbox
2377
2377
 
2378
2378
  <IressFilter
2379
2379
  label\="User"
@@ -2646,7 +2646,7 @@ Filter
2646
2646
 
2647
2647
  None selected
2648
2648
 
2649
- ```
2649
+ Hide codedrawOpen in CodeSandbox
2650
2650
 
2651
2651
  <IressFilter
2652
2652
  inputProps\={{
@@ -2896,7 +2896,7 @@ Filter
2896
2896
 
2897
2897
  None selected
2898
2898
 
2899
- ```
2899
+ Hide codedrawOpen in CodeSandbox
2900
2900
 
2901
2901
  <IressFilter
2902
2902
  label\="Filter"
@@ -3125,7 +3125,7 @@ Filter
3125
3125
 
3126
3126
  None selected
3127
3127
 
3128
- ```
3128
+ Hide codedrawOpen in CodeSandbox
3129
3129
 
3130
3130
  <IressFilter
3131
3131
  label\="Filter"
@@ -3356,7 +3356,7 @@ Filter
3356
3356
 
3357
3357
  None selected
3358
3358
 
3359
- ```
3359
+ Hide codedrawOpen in CodeSandbox
3360
3360
 
3361
3361
  <IressFilter
3362
3362
  inputProps\={{
@@ -3636,7 +3636,7 @@ Filter
3636
3636
 
3637
3637
  None selected
3638
3638
 
3639
- ```
3639
+ Hide codedrawOpen in CodeSandbox
3640
3640
 
3641
3641
  <IressFilter
3642
3642
  label\="Filter"
@@ -3868,7 +3868,7 @@ Filter
3868
3868
 
3869
3869
  None selected
3870
3870
 
3871
- ```
3871
+ Hide codedrawOpen in CodeSandbox
3872
3872
 
3873
3873
  <IressFilter
3874
3874
  label\="Filter"
@@ -18,7 +18,7 @@ The design of this component is changing. Please use the new component/props ins
18
18
 
19
19
  Content to hide
20
20
 
21
- ```
21
+ Hide codedrawOpen in CodeSandbox
22
22
 
23
23
  <IressHide
24
24
  hiddenOn\={{
@@ -107,7 +107,7 @@ Hide breakpoints
107
107
  | `xl` | Above 1200px (inclusive) |
108
108
  | `xxl` | Above 1500px (inclusive) |
109
109
 
110
- ```
110
+ Hide codedrawOpen in CodeSandbox
111
111
 
112
112
  {
113
113
  render: () \=> <IressTable caption\="Hide breakpoints" rows\={BREAKPOINTS.map(breakpoint \=> ({
@@ -190,11 +190,11 @@ This text is totally hidden on xs screens only.
190
190
 
191
191
  This text is totally hidden on xl screens only.
192
192
 
193
- ```
193
+ Hide codedrawOpen in CodeSandbox
194
194
 
195
- <IressStack gap\="spacing.100"\>
195
+ <IressStack gap\="spacing.1"\>
196
196
  <IressPanel\>
197
- <kn />
197
+ <Ln />
198
198
  </IressPanel\>
199
199
  <IressDivider />
200
200
  <IressHide
@@ -295,11 +295,11 @@ This text is visually hidden on xs screens only.
295
295
 
296
296
  This text is visually hidden on xl screens only.
297
297
 
298
- ```
298
+ Hide codedrawOpen in CodeSandbox
299
299
 
300
- <IressStack gap\="spacing.100"\>
300
+ <IressStack gap\="spacing.1"\>
301
301
  <IressPanel\>
302
- <kn />
302
+ <Ln />
303
303
  </IressPanel\>
304
304
  <IressDivider />
305
305
  <IressHide
@@ -404,7 +404,7 @@ Hide breakpoints
404
404
  | `iress-hidden--xl` | `iress-sr-only--xl` | 1200px - 1499px |
405
405
  | `iress-hidden--xxl` | `iress-sr-only--xxl` | 1500px and above |
406
406
 
407
- ```
407
+ Hide codedrawOpen in CodeSandbox
408
408
 
409
409
  {
410
410
  render: () \=> <IressTable caption\="Hide breakpoints" rows\={BREAKPOINTS.map(breakpoint \=> ({
@@ -16,7 +16,7 @@ This component has been recently updated with new props. The props have been mar
16
16
 
17
17
  [](./iframe.html?id=components-icon--default)
18
18
 
19
- ```
19
+ Hide codedrawOpen in CodeSandbox
20
20
 
21
21
  <IressIcon name\="home" />
22
22
 
@@ -156,7 +156,7 @@ If you use an icon to convey meaning, for example using an icon as the only cont
156
156
 
157
157
  [](./iframe.html?id=components-icon--screen-reader-text)
158
158
 
159
- ```
159
+ Hide codedrawOpen in CodeSandbox
160
160
 
161
161
  <IressIcon
162
162
  name\="home"
@@ -291,7 +291,7 @@ vertical
291
291
 
292
292
  both
293
293
 
294
- ```
294
+ Hide codedrawOpen in CodeSandbox
295
295
 
296
296
  <IressInline gap\="md"\>
297
297
  <IressText textAlign\="center"\>
@@ -444,7 +444,7 @@ The `rotate` prop can be set to 90, 180 or 270 degrees.
444
444
 
445
445
  270
446
446
 
447
- ```
447
+ Hide codedrawOpen in CodeSandbox
448
448
 
449
449
  <IressInline gap\="md"\>
450
450
  <IressText textAlign\="center"\>
@@ -593,7 +593,7 @@ half
593
593
 
594
594
  3
595
595
 
596
- ```
596
+ Hide codedrawOpen in CodeSandbox
597
597
 
598
598
  <IressInline gap\="md"\>
599
599
  <IressText\>
@@ -738,7 +738,7 @@ Fixed width
738
738
 
739
739
 
740
740
 
741
- ```
741
+ Hide codedrawOpen in CodeSandbox
742
742
 
743
743
  <IressInline gap\="md"\>
744
744
  <div\>
@@ -898,7 +898,7 @@ Icons now inherit the size of the parent component. This means you can use them
898
898
 
899
899
  [Go to this link](https://www.iress.com/)
900
900
 
901
- ```
901
+ Hide codedrawOpen in CodeSandbox
902
902
 
903
903
  <IressText\>
904
904
  <a
@@ -908,7 +908,7 @@ Icons now inherit the size of the parent component. This means you can use them
908
908
  \>
909
909
  Go to this link <IressIcon
910
910
  name\="external-link"
911
- pl\="spacing.150"
911
+ pl\="spacing.2"
912
912
  />
913
913
  </a\>
914
914
  </IressText\>
@@ -959,7 +959,7 @@ string
959
959
 
960
960
 
961
961
 
962
- | \- | spacing.150 |
962
+ | \- | spacing.2 |
963
963
  | rotate |
964
964
 
965
965
  Amount of degrees to rotate the icon.
@@ -18,7 +18,7 @@ This component is new, please provide feedback to the Frontend Enablement team i
18
18
 
19
19
  ![Placeholder image](https://www.fdcbuilding.com.au/wp-content/webp-express/webp-images/uploads/2020/01/4-1.jpg.webp)
20
20
 
21
- ```
21
+ Hide codedrawOpen in CodeSandbox
22
22
 
23
23
  <IressImage
24
24
  alt\="Placeholder image"
@@ -90,7 +90,7 @@ Examples
90
90
 
91
91
  ![Placeholder image](https://www.fdcbuilding.com.au/wp-content/webp-express/webp-images/uploads/2020/01/4-1.jpg.webp)
92
92
 
93
- ```
93
+ Hide codedrawOpen in CodeSandbox
94
94
 
95
95
  <IressStack gap\="md"\>
96
96
  <React.Fragment key\=".$0"\>