@iress-oss/ids-mcp-server 5.15.0 → 6.0.0-alpha.1

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 (91) hide show
  1. package/package.json +28 -46
  2. package/generated/docs/components-alert-docs.md +0 -130
  3. package/generated/docs/components-autocomplete-docs.md +0 -754
  4. package/generated/docs/components-autocomplete-recipes-docs.md +0 -104
  5. package/generated/docs/components-badge-docs.md +0 -148
  6. package/generated/docs/components-button-docs.md +0 -362
  7. package/generated/docs/components-button-recipes-docs.md +0 -76
  8. package/generated/docs/components-buttongroup-docs.md +0 -310
  9. package/generated/docs/components-card-docs.md +0 -494
  10. package/generated/docs/components-card-recipes-docs.md +0 -89
  11. package/generated/docs/components-checkbox-docs.md +0 -193
  12. package/generated/docs/components-checkboxgroup-docs.md +0 -692
  13. package/generated/docs/components-checkboxgroup-recipes-docs.md +0 -119
  14. package/generated/docs/components-col-docs.md +0 -466
  15. package/generated/docs/components-combobox-docs.md +0 -1016
  16. package/generated/docs/components-container-docs.md +0 -91
  17. package/generated/docs/components-divider-docs.md +0 -176
  18. package/generated/docs/components-expander-docs.md +0 -215
  19. package/generated/docs/components-field-docs.md +0 -675
  20. package/generated/docs/components-filter-docs.md +0 -1109
  21. package/generated/docs/components-form-docs.md +0 -2410
  22. package/generated/docs/components-form-recipes-docs.md +0 -886
  23. package/generated/docs/components-hide-docs.md +0 -265
  24. package/generated/docs/components-icon-docs.md +0 -553
  25. package/generated/docs/components-inline-docs.md +0 -868
  26. package/generated/docs/components-input-docs.md +0 -335
  27. package/generated/docs/components-input-recipes-docs.md +0 -140
  28. package/generated/docs/components-inputcurrency-docs.md +0 -157
  29. package/generated/docs/components-inputcurrency-recipes-docs.md +0 -116
  30. package/generated/docs/components-label-docs.md +0 -135
  31. package/generated/docs/components-menu-docs.md +0 -704
  32. package/generated/docs/components-menu-menuitem-docs.md +0 -193
  33. package/generated/docs/components-modal-docs.md +0 -587
  34. package/generated/docs/components-navbar-docs.md +0 -291
  35. package/generated/docs/components-navbar-recipes-docs.md +0 -413
  36. package/generated/docs/components-panel-docs.md +0 -380
  37. package/generated/docs/components-placeholder-docs.md +0 -27
  38. package/generated/docs/components-popover-docs.md +0 -464
  39. package/generated/docs/components-popover-recipes-docs.md +0 -245
  40. package/generated/docs/components-progress-docs.md +0 -104
  41. package/generated/docs/components-provider-docs.md +0 -105
  42. package/generated/docs/components-radio-docs.md +0 -107
  43. package/generated/docs/components-radiogroup-docs.md +0 -683
  44. package/generated/docs/components-readonly-docs.md +0 -89
  45. package/generated/docs/components-richselect-docs.md +0 -2433
  46. package/generated/docs/components-row-docs.md +0 -877
  47. package/generated/docs/components-select-docs.md +0 -456
  48. package/generated/docs/components-skeleton-docs.md +0 -214
  49. package/generated/docs/components-skeleton-recipes-docs.md +0 -76
  50. package/generated/docs/components-skiplink-docs.md +0 -66
  51. package/generated/docs/components-slideout-docs.md +0 -538
  52. package/generated/docs/components-slider-docs.md +0 -346
  53. package/generated/docs/components-spinner-docs.md +0 -59
  54. package/generated/docs/components-stack-docs.md +0 -265
  55. package/generated/docs/components-table-ag-grid-docs.md +0 -1074
  56. package/generated/docs/components-table-docs.md +0 -1305
  57. package/generated/docs/components-tabset-docs.md +0 -341
  58. package/generated/docs/components-tabset-tab-docs.md +0 -86
  59. package/generated/docs/components-tag-docs.md +0 -115
  60. package/generated/docs/components-text-docs.md +0 -394
  61. package/generated/docs/components-toaster-docs.md +0 -345
  62. package/generated/docs/components-toaster-toast-docs.md +0 -157
  63. package/generated/docs/components-toggle-docs.md +0 -158
  64. package/generated/docs/components-tooltip-docs.md +0 -311
  65. package/generated/docs/components-validationmessage-docs.md +0 -241
  66. package/generated/docs/contact-us-docs.md +0 -27
  67. package/generated/docs/extensions-editor-docs.md +0 -288
  68. package/generated/docs/extensions-editor-recipes-docs.md +0 -39
  69. package/generated/docs/foundations-accessibility-docs.md +0 -62
  70. package/generated/docs/foundations-colours-docs.md +0 -257
  71. package/generated/docs/foundations-consistency-docs.md +0 -52
  72. package/generated/docs/foundations-content-docs.md +0 -23
  73. package/generated/docs/foundations-introduction-docs.md +0 -17
  74. package/generated/docs/foundations-principles-docs.md +0 -70
  75. package/generated/docs/foundations-typography-docs.md +0 -191
  76. package/generated/docs/foundations-user-experience-docs.md +0 -63
  77. package/generated/docs/foundations-visual-design-docs.md +0 -46
  78. package/generated/docs/frequently-asked-questions-docs.md +0 -53
  79. package/generated/docs/get-started-develop-docs.md +0 -209
  80. package/generated/docs/get-started-using-storybook-docs.md +0 -68
  81. package/generated/docs/guidelines.md +0 -812
  82. package/generated/docs/introduction-docs.md +0 -43
  83. package/generated/docs/patterns-loading-docs.md +0 -1304
  84. package/generated/docs/resources-changelog-docs.md +0 -6
  85. package/generated/docs/resources-code-katas-docs.md +0 -29
  86. package/generated/docs/resources-migration-guides-from-v4-to-v5-docs.md +0 -437
  87. package/generated/docs/themes-available-themes-docs.md +0 -66
  88. package/generated/docs/themes-introduction-docs.md +0 -121
  89. package/generated/docs/themes-tokens-docs.md +0 -1200
  90. package/generated/docs/versions-docs.md +0 -17
  91. /package/{LICENSE.txt → LICENSE} +0 -0
@@ -1,380 +0,0 @@
1
- [](#panel)Panel
2
- ===============
3
-
4
- Overview
5
- --------
6
-
7
- A panel is used to group related content.
8
-
9
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
10
-
11
- Hide code
12
-
13
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
14
-
15
- <IressPanel\>
16
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
17
- </IressPanel\>
18
-
19
- Copy
20
-
21
- [](#examples)Examples
22
- ---------------------
23
-
24
- ### [](#background)Background
25
-
26
- The `background` prop allows you to vary the styling of the panel component. It has four variants.
27
-
28
- default
29
- -------
30
-
31
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
32
-
33
- alt
34
- ---
35
-
36
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
37
-
38
- page
39
- ----
40
-
41
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
42
-
43
- transparent
44
- -----------
45
-
46
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
47
-
48
- Hide code
49
-
50
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
51
-
52
- <IressStack gutter\="md"\>
53
- <IressPanel background\="default"\>
54
- <IressText element\="h2"\>
55
- default </IressText\>
56
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
57
- <IressPanel background\="alt"\>
58
- <IressText element\="h2"\>
59
- alt </IressText\>
60
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
61
- <IressPanel background\="page"\>
62
- <IressText element\="h2"\>
63
- page </IressText\>
64
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
65
- <IressPanel background\="transparent"\>
66
- <IressText element\="h2"\>
67
- transparent </IressText\>
68
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
69
- </IressStack\>
70
-
71
- Copy
72
-
73
- ### [](#padding)Padding
74
-
75
- Panel padding can be set using the `padding` prop. It can be set to `none`, `sm`, `md` or `lg`. Its default value is `md`.
76
-
77
- none
78
- ----
79
-
80
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
81
-
82
- sm
83
- --
84
-
85
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
86
-
87
- md
88
- --
89
-
90
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
91
-
92
- lg
93
- --
94
-
95
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
96
-
97
- Hide code
98
-
99
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
100
-
101
- <IressStack gutter\="md"\>
102
- <IressPanel padding\="none"\>
103
- <IressText element\="h2"\>
104
- none </IressText\>
105
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
106
- <IressPanel padding\="sm"\>
107
- <IressText element\="h2"\>
108
- sm </IressText\>
109
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
110
- <IressPanel padding\="md"\>
111
- <IressText element\="h2"\>
112
- md </IressText\>
113
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
114
- <IressPanel padding\="lg"\>
115
- <IressText element\="h2"\>
116
- lg </IressText\>
117
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
118
- </IressStack\>
119
-
120
- Copy
121
-
122
- ### [](#responsive-padding)Responsive padding
123
-
124
- The `padding` prop can take an object that takes five key/value pairs that correlate with the IDS breakpoints.
125
-
126
- Current breakpoint: **xl** breakpoint (1200px - 1499px).
127
-
128
- padding={{
129
- "xs": "none",
130
- "sm": "sm",
131
- "md": "md",
132
- "lg": "lg"
133
- }}
134
-
135
- Hide code
136
-
137
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
138
-
139
- <IressPanel
140
- noGutter
141
- padding\={{
142
- lg: 'lg',
143
- md: 'md',
144
- sm: 'sm',
145
- xs: 'none'
146
- }}
147
- \>
148
- <p\>
149
- Current breakpoint:{' '}
150
- <CurrentBreakpoint />
151
- . </p\>
152
- <p\>
153
- <pre\>
154
- {\`padding={{
155
- "xs": "none", "sm": "sm", "md": "md", "lg": "lg" }}\`}
156
- </pre\>
157
- </p\>
158
- </IressPanel\>
159
-
160
- Copy
161
-
162
- ### [](#variable-padding)Variable padding
163
-
164
- If you need finer control of a panel's padding, for example, you need different padding sizes on different axes, you can pass a `VariablePadding` object to the `padding` prop.
165
-
166
- A VariablePadding object can consist of any of the following keys:
167
-
168
- * `x`: horizontal
169
- * `y`: vertical
170
- * `t`: top
171
- * `r`: right
172
- * `b`: bottom
173
- * `l`: left
174
-
175
- Variable padding can also be passed as part of a responsive object.
176
-
177
- Variable padding
178
- ----------------
179
-
180
- padding={{
181
- "xs": "none",
182
- "sm": "sm",
183
- "md": "md",
184
- "lg": "lg"
185
- }}
186
-
187
- Responsive variable padding
188
- ---------------------------
189
-
190
- Current breakpoint: **xl** breakpoint (1200px - 1499px).
191
-
192
- padding={{
193
- "xs": {
194
- "b": "sm",
195
- "t": "lg",
196
- "r": "sm",
197
- "l": "lg"
198
- },
199
- "xl": {
200
- "b": "none",
201
- "t": "sm",
202
- "r": "lg",
203
- "l": "sm"
204
- }
205
- }}
206
-
207
- Hide code
208
-
209
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
210
-
211
- <IressStack gutter\="md"\>
212
- <IressPanel
213
- noGutter
214
- padding\={{
215
- lg: 'lg',
216
- md: 'md',
217
- sm: 'sm',
218
- xs: 'none'
219
- }}
220
- \>
221
- <h2\>
222
- Variable padding </h2\>
223
- <p\>
224
- <pre\>
225
- {\`padding={{
226
- "xs": "none", "sm": "sm", "md": "md", "lg": "lg" }}\`}
227
- </pre\>
228
- </p\>
229
- </IressPanel\>
230
- <IressPanel
231
- noGutter
232
- padding\={{
233
- xl: {
234
- b: 'none',
235
- l: 'sm',
236
- r: 'lg',
237
- t: 'sm'
238
- },
239
- xs: {
240
- b: 'sm',
241
- l: 'lg',
242
- r: 'sm',
243
- t: 'lg'
244
- }
245
- }}
246
- \>
247
- <h2\>
248
- Responsive variable padding </h2\>
249
- <p\>
250
- Current breakpoint:{' '}
251
- <CurrentBreakpoint />
252
- . </p\>
253
- <p\>
254
- <pre\>
255
- {\`padding={{
256
- "xs": { "b": "sm", "t": "lg", "r": "sm", "l": "lg" }, "xl": { "b": "none", "t": "sm", "r": "lg", "l": "sm" } }}\`}
257
- </pre\>
258
- </p\>
259
- </IressPanel\>
260
- </IressStack\>
261
-
262
- Copy
263
-
264
- ### [](#text-align)Text align
265
-
266
- Text alignment can be set to `inherit`, `left`, `center`, `right` or `justify`.
267
-
268
- It's default value is `inherit`.
269
-
270
- inherit
271
- -------
272
-
273
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
274
-
275
- ### Inherits center align of parent panel
276
-
277
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
278
-
279
- left
280
- ----
281
-
282
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
283
-
284
- center
285
- ------
286
-
287
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
288
-
289
- right
290
- -----
291
-
292
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
293
-
294
- justify
295
- -------
296
-
297
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
298
-
299
- Hide code
300
-
301
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
302
-
303
- <IressStack gutter\="md"\>
304
- <IressPanel textAlign\="center"\>
305
- <IressText element\="h2"\>
306
- inherit </IressText\>
307
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. <IressPanel textAlign\="inherit"\>
308
- <h3\>
309
- Inherits center align of parent panel </h3\>
310
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
311
- </IressPanel\>
312
- <IressPanel textAlign\="left"\>
313
- <IressText element\="h2"\>
314
- left </IressText\>
315
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
316
- <IressPanel textAlign\="center"\>
317
- <IressText element\="h2"\>
318
- center </IressText\>
319
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
320
- <IressPanel textAlign\="right"\>
321
- <IressText element\="h2"\>
322
- right </IressText\>
323
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
324
- <IressPanel textAlign\="justify"\>
325
- <IressText element\="h2"\>
326
- justify </IressText\>
327
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
328
- </IressStack\>
329
-
330
- Copy
331
-
332
- ### [](#stretch)Stretch
333
-
334
- Panel can be set to fill its available container height by setting the `stretch` prop.
335
-
336
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
337
-
338
- Hide code
339
-
340
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
341
-
342
- <IressStack
343
- style\={{
344
- height: '200px'
345
- }}
346
- \>
347
- <IressPanel stretch\>
348
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor. </IressPanel\>
349
- </IressStack\>
350
-
351
- Copy
352
-
353
- ### [](#noborderradius)`noBorderRadius`
354
-
355
- Panels can inherit the theme's border radius which may result in an undesirable look to those components that use panels internally such as slideouts. To remove rounding from all panels set the prop `noBorderRadius` to ensure all panels have a zero border radius.
356
-
357
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
358
-
359
- Hide code
360
-
361
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
362
-
363
- <IressPanel noBorderRadius\>
364
- His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
365
- </IressPanel\>
366
-
367
- Copy
368
-
369
- On this page
370
-
371
- * [Overview](#overview)
372
- * [Props](#props)
373
- * [Examples](#examples)
374
- * [Background](#background)
375
- * [Padding](#padding)
376
- * [Responsive padding](#responsive-padding)
377
- * [Variable padding](#variable-padding)
378
- * [Text align](#text-align)
379
- * [Stretch](#stretch)
380
- * [noBorderRadius](#noborderradius)
@@ -1,27 +0,0 @@
1
- [](#placeholder)Placeholder
2
- ===========================
3
-
4
- Overview
5
- --------
6
-
7
- A placeholder is a UI element that allows you to reserve space for content that has not been created yet, usually used for prototyping.
8
-
9
- Placeholder
10
-
11
- Hide code
12
-
13
- \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
14
-
15
- <IressPlaceholder
16
- height\="300"
17
- width\="300"
18
- \>
19
- Placeholder
20
- </IressPlaceholder\>
21
-
22
- Copy
23
-
24
- On this page
25
-
26
- * [Overview](#overview)
27
- * [Props](#props)