@patternfly/react-docs 7.6.0-prerelease.8 → 7.6.0-prerelease.9

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 (163) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/LICENSE +21 -0
  3. package/package.json +12 -11
  4. package/patternfly-docs/generated/components/about-modal/react.js +0 -149
  5. package/patternfly-docs/generated/components/accordion/react.js +0 -262
  6. package/patternfly-docs/generated/components/action-list/react.js +0 -144
  7. package/patternfly-docs/generated/components/alert/react-demos.js +0 -56
  8. package/patternfly-docs/generated/components/alert/react.js +0 -1433
  9. package/patternfly-docs/generated/components/avatar/react.js +0 -166
  10. package/patternfly-docs/generated/components/back-to-top/react-demos.js +0 -60
  11. package/patternfly-docs/generated/components/back-to-top/react.js +0 -77
  12. package/patternfly-docs/generated/components/backdrop/react.js +0 -64
  13. package/patternfly-docs/generated/components/background-image/react.js +0 -62
  14. package/patternfly-docs/generated/components/badge/react.js +0 -97
  15. package/patternfly-docs/generated/components/banner/react-demos.js +0 -57
  16. package/patternfly-docs/generated/components/banner/react.js +0 -148
  17. package/patternfly-docs/generated/components/brand/react.js +0 -142
  18. package/patternfly-docs/generated/components/breadcrumb/react.js +0 -206
  19. package/patternfly-docs/generated/components/button/react-demos.js +0 -57
  20. package/patternfly-docs/generated/components/button/react.js +0 -826
  21. package/patternfly-docs/generated/components/card/react-demos.js +0 -201
  22. package/patternfly-docs/generated/components/card/react.js +0 -1015
  23. package/patternfly-docs/generated/components/charts/area-chart/-Victory.js +0 -1350
  24. package/patternfly-docs/generated/components/charts/bar-chart/-Victory.js +0 -1334
  25. package/patternfly-docs/generated/components/charts/box-plot-chart/-Victory.js +0 -1282
  26. package/patternfly-docs/generated/components/charts/bullet-chart/-Victory.js +0 -848
  27. package/patternfly-docs/generated/components/charts/colors-for-charts/-Victory.js +0 -192
  28. package/patternfly-docs/generated/components/charts/donut-chart/-Victory.js +0 -426
  29. package/patternfly-docs/generated/components/charts/donut-utilization-chart/-Victory.js +0 -804
  30. package/patternfly-docs/generated/components/charts/legends/-Victory.js +0 -3230
  31. package/patternfly-docs/generated/components/charts/line-chart/-Victory.js +0 -1178
  32. package/patternfly-docs/generated/components/charts/line-chart/ECharts.js +0 -525
  33. package/patternfly-docs/generated/components/charts/patterns/-Victory.js +0 -3382
  34. package/patternfly-docs/generated/components/charts/pie-chart/-Victory.js +0 -377
  35. package/patternfly-docs/generated/components/charts/resize-observer/-Victory.js +0 -2475
  36. package/patternfly-docs/generated/components/charts/sankey-chart/ECharts.js +0 -538
  37. package/patternfly-docs/generated/components/charts/scatter-chart/-Victory.js +0 -1551
  38. package/patternfly-docs/generated/components/charts/skeletons/-Victory.js +0 -4115
  39. package/patternfly-docs/generated/components/charts/sparkline-chart/-Victory.js +0 -955
  40. package/patternfly-docs/generated/components/charts/stack-chart/-Victory.js +0 -1173
  41. package/patternfly-docs/generated/components/charts/threshold-chart/-Victory.js +0 -1166
  42. package/patternfly-docs/generated/components/charts/tooltips/-Victory.js +0 -413
  43. package/patternfly-docs/generated/components/chip/react-deprecated.js +0 -323
  44. package/patternfly-docs/generated/components/clipboard-copy/react.js +0 -373
  45. package/patternfly-docs/generated/components/code-block/react.js +0 -148
  46. package/patternfly-docs/generated/components/code-editor/react.js +0 -659
  47. package/patternfly-docs/generated/components/compass/react-demos.js +0 -147
  48. package/patternfly-docs/generated/components/compass/react.js +0 -440
  49. package/patternfly-docs/generated/components/content/react.js +0 -248
  50. package/patternfly-docs/generated/components/data-list/react-demos.js +0 -90
  51. package/patternfly-docs/generated/components/data-list/react.js +0 -709
  52. package/patternfly-docs/generated/components/date-and-time/calendar-month/react.js +0 -283
  53. package/patternfly-docs/generated/components/date-and-time/date-and-time-picker/react-demos.js +0 -64
  54. package/patternfly-docs/generated/components/date-and-time/date-picker/react-demos.js +0 -83
  55. package/patternfly-docs/generated/components/date-and-time/date-picker/react.js +0 -395
  56. package/patternfly-docs/generated/components/date-and-time/time-picker/react.js +0 -241
  57. package/patternfly-docs/generated/components/description-list/react-demos.js +0 -58
  58. package/patternfly-docs/generated/components/description-list/react.js +0 -743
  59. package/patternfly-docs/generated/components/divider/react.js +0 -126
  60. package/patternfly-docs/generated/components/drag-and-drop/react-demos.js +0 -351
  61. package/patternfly-docs/generated/components/drag-and-drop/react-deprecated.js +0 -184
  62. package/patternfly-docs/generated/components/drag-and-drop/react.js +0 -137
  63. package/patternfly-docs/generated/components/drawer/react.js +0 -598
  64. package/patternfly-docs/generated/components/dual-list-selector/react-deprecated.js +0 -772
  65. package/patternfly-docs/generated/components/dual-list-selector/react.js +0 -594
  66. package/patternfly-docs/generated/components/empty-state/react.js +0 -199
  67. package/patternfly-docs/generated/components/expandable-section/react-demos.js +0 -65
  68. package/patternfly-docs/generated/components/expandable-section/react.js +0 -408
  69. package/patternfly-docs/generated/components/file-upload/multiple-file-upload/react-demos.js +0 -52
  70. package/patternfly-docs/generated/components/file-upload/multiple-file-upload/react.js +0 -398
  71. package/patternfly-docs/generated/components/file-upload/simple-file-upload/react.js +0 -749
  72. package/patternfly-docs/generated/components/forms/checkbox/react.js +0 -222
  73. package/patternfly-docs/generated/components/forms/form/react.js +0 -1106
  74. package/patternfly-docs/generated/components/forms/form-select/react.js +0 -208
  75. package/patternfly-docs/generated/components/forms/radio/react.js +0 -212
  76. package/patternfly-docs/generated/components/forms/text-area/react.js +0 -160
  77. package/patternfly-docs/generated/components/forms/text-input/react.js +0 -216
  78. package/patternfly-docs/generated/components/helper-text/react-demos.js +0 -180
  79. package/patternfly-docs/generated/components/helper-text/react.js +0 -164
  80. package/patternfly-docs/generated/components/hero/react.js +0 -88
  81. package/patternfly-docs/generated/components/hint/react.js +0 -169
  82. package/patternfly-docs/generated/components/icon/react.js +0 -215
  83. package/patternfly-docs/generated/components/input-group/react.js +0 -182
  84. package/patternfly-docs/generated/components/jump-links/react-demos.js +0 -154
  85. package/patternfly-docs/generated/components/jump-links/react.js +0 -212
  86. package/patternfly-docs/generated/components/label/react-demos.js +0 -57
  87. package/patternfly-docs/generated/components/label/react.js +0 -417
  88. package/patternfly-docs/generated/components/list/react.js +0 -175
  89. package/patternfly-docs/generated/components/login-page/react.js +0 -587
  90. package/patternfly-docs/generated/components/masthead/react-demos.js +0 -79
  91. package/patternfly-docs/generated/components/masthead/react.js +0 -291
  92. package/patternfly-docs/generated/components/menus/application-launcher/react-demos.js +0 -769
  93. package/patternfly-docs/generated/components/menus/context-selector/react-demos.js +0 -665
  94. package/patternfly-docs/generated/components/menus/custom-menus/react-demos.js +0 -187
  95. package/patternfly-docs/generated/components/menus/dropdown/react-templates.js +0 -163
  96. package/patternfly-docs/generated/components/menus/dropdown/react.js +0 -998
  97. package/patternfly-docs/generated/components/menus/menu/react.js +0 -1540
  98. package/patternfly-docs/generated/components/menus/menu-toggle/react.js +0 -747
  99. package/patternfly-docs/generated/components/menus/options-menu/react-demos.js +0 -508
  100. package/patternfly-docs/generated/components/menus/select/react-templates.js +0 -257
  101. package/patternfly-docs/generated/components/menus/select/react.js +0 -998
  102. package/patternfly-docs/generated/components/modal/react-deprecated.js +0 -554
  103. package/patternfly-docs/generated/components/modal/react.js +0 -597
  104. package/patternfly-docs/generated/components/navigation/react-demos.js +0 -356
  105. package/patternfly-docs/generated/components/navigation/react.js +0 -409
  106. package/patternfly-docs/generated/components/notification-badge/react.js +0 -196
  107. package/patternfly-docs/generated/components/notification-drawer/react-demos.js +0 -107
  108. package/patternfly-docs/generated/components/notification-drawer/react.js +0 -394
  109. package/patternfly-docs/generated/components/number-input/react.js +0 -210
  110. package/patternfly-docs/generated/components/overflow-menu/react.js +0 -274
  111. package/patternfly-docs/generated/components/page/react-demos.js +0 -149
  112. package/patternfly-docs/generated/components/page/react.js +0 -1352
  113. package/patternfly-docs/generated/components/pagination/react.js +0 -492
  114. package/patternfly-docs/generated/components/panel/react.js +0 -236
  115. package/patternfly-docs/generated/components/popover/react.js +0 -390
  116. package/patternfly-docs/generated/components/progress/react-demos.js +0 -59
  117. package/patternfly-docs/generated/components/progress/react.js +0 -283
  118. package/patternfly-docs/generated/components/progress-stepper/react-demos.js +0 -45
  119. package/patternfly-docs/generated/components/progress-stepper/react.js +0 -219
  120. package/patternfly-docs/generated/components/search-input/react-demos.js +0 -113
  121. package/patternfly-docs/generated/components/search-input/react.js +0 -263
  122. package/patternfly-docs/generated/components/sidebar/react.js +0 -236
  123. package/patternfly-docs/generated/components/simple-list/react.js +0 -200
  124. package/patternfly-docs/generated/components/skeleton/react-demos.js +0 -44
  125. package/patternfly-docs/generated/components/skeleton/react.js +0 -122
  126. package/patternfly-docs/generated/components/skip-to-content/react.js +0 -73
  127. package/patternfly-docs/generated/components/slider/react.js +0 -309
  128. package/patternfly-docs/generated/components/spinner/react.js +0 -111
  129. package/patternfly-docs/generated/components/switch/react.js +0 -163
  130. package/patternfly-docs/generated/components/table/react-demos.js +0 -355
  131. package/patternfly-docs/generated/components/table/react-deprecated.js +0 -1350
  132. package/patternfly-docs/generated/components/table/react.js +0 -3241
  133. package/patternfly-docs/generated/components/tabs/react-demos.js +0 -108
  134. package/patternfly-docs/generated/components/tabs/react.js +0 -1359
  135. package/patternfly-docs/generated/components/text-input-group/react-demos.js +0 -152
  136. package/patternfly-docs/generated/components/text-input-group/react.js +0 -278
  137. package/patternfly-docs/generated/components/tile/react-deprecated.js +0 -242
  138. package/patternfly-docs/generated/components/timestamp/react.js +0 -283
  139. package/patternfly-docs/generated/components/title/react.js +0 -94
  140. package/patternfly-docs/generated/components/toggle-group/react.js +0 -299
  141. package/patternfly-docs/generated/components/toolbar/react-demos.js +0 -66
  142. package/patternfly-docs/generated/components/toolbar/react.js +0 -932
  143. package/patternfly-docs/generated/components/tooltip/react.js +0 -241
  144. package/patternfly-docs/generated/components/tree-view/react.js +0 -429
  145. package/patternfly-docs/generated/components/truncate/react.js +0 -211
  146. package/patternfly-docs/generated/components/wizard/react-demos.js +0 -87
  147. package/patternfly-docs/generated/components/wizard/react-deprecated.js +0 -788
  148. package/patternfly-docs/generated/components/wizard/react.js +0 -986
  149. package/patternfly-docs/generated/developer-guides/open-ui-automation/react.js +0 -285
  150. package/patternfly-docs/generated/foundations-and-styles/layouts/bullseye/react.js +0 -70
  151. package/patternfly-docs/generated/foundations-and-styles/layouts/flex/react.js +0 -506
  152. package/patternfly-docs/generated/foundations-and-styles/layouts/gallery/react.js +0 -94
  153. package/patternfly-docs/generated/foundations-and-styles/layouts/grid/react.js +0 -272
  154. package/patternfly-docs/generated/foundations-and-styles/layouts/level/react.js +0 -87
  155. package/patternfly-docs/generated/foundations-and-styles/layouts/split/react.js +0 -124
  156. package/patternfly-docs/generated/foundations-and-styles/layouts/stack/react.js +0 -112
  157. package/patternfly-docs/generated/index.js +0 -1769
  158. package/patternfly-docs/generated/patterns/card-view/react-demos.js +0 -78
  159. package/patternfly-docs/generated/patterns/filters/react-demos.js +0 -141
  160. package/patternfly-docs/generated/patterns/password-generator/react-demos.js +0 -51
  161. package/patternfly-docs/generated/patterns/password-strength/react-demos.js +0 -61
  162. package/patternfly-docs/generated/patterns/primary-detail/react-demos.js +0 -124
  163. package/patternfly-docs/generated/patterns/right-to-left/react-demos.js +0 -81
@@ -1,94 +0,0 @@
1
- import React from 'react';
2
- import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
3
- import '../../../../../../react-core/src/layouts/Gallery/examples/./gallery.css';
4
- const pageData = {
5
- "id": "Gallery",
6
- "section": "foundations-and-styles",
7
- "subsection": "layouts",
8
- "deprecated": false,
9
- "template": false,
10
- "beta": false,
11
- "demo": false,
12
- "newImplementationLink": false,
13
- "source": "react",
14
- "tabName": null,
15
- "slug": "/foundations-and-styles/layouts/gallery/react",
16
- "sourceLink": "https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/layouts/Gallery/examples/Gallery.md",
17
- "relPath": "packages/react-core/src/layouts/Gallery/examples/Gallery.md",
18
- "propComponents": [
19
- {
20
- "name": "GalleryItem",
21
- "description": "",
22
- "props": [
23
- {
24
- "name": "children",
25
- "type": "React.ReactNode",
26
- "description": "content rendered inside the Gallery Item",
27
- "defaultValue": "null"
28
- },
29
- {
30
- "name": "component",
31
- "type": "React.ElementType<any> | React.ComponentType<any>",
32
- "description": "Sets the base component to render. defaults to div",
33
- "defaultValue": "'div'"
34
- }
35
- ]
36
- }
37
- ],
38
- "cssPrefix": [
39
- "pf-v6-l-gallery"
40
- ],
41
- "examples": [
42
- "Basic",
43
- "With gutters",
44
- "Adjusting min widths",
45
- "Adjusting max widths",
46
- "Adjusting min and max widths",
47
- "Alternative components"
48
- ]
49
- };
50
- pageData.relativeImports = "import 'react-core/src/layouts/Gallery/examples/./gallery.css';"
51
- pageData.examples = {
52
- 'Basic': props =>
53
- <Example {...pageData} {...props} {...{"code":"import { Gallery, GalleryItem } from '@patternfly/react-core';\n\nexport const GalleryBasic: React.FunctionComponent = () => (\n <Gallery>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n </Gallery>\n);\n","title":"Basic","lang":"ts","className":""}}>
54
-
55
- </Example>,
56
- 'With gutters': props =>
57
- <Example {...pageData} {...props} {...{"code":"import { Gallery, GalleryItem } from '@patternfly/react-core';\n\nexport const GalleryWithGutters: React.FunctionComponent = () => (\n <Gallery hasGutter>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n </Gallery>\n);\n","title":"With gutters","lang":"ts","className":""}}>
58
-
59
- </Example>,
60
- 'Adjusting min widths': props =>
61
- <Example {...pageData} {...props} {...{"code":"import { Gallery, GalleryItem } from '@patternfly/react-core';\n\nexport const GalleryAdjustingMinWidths: React.FunctionComponent = () => (\n <Gallery\n hasGutter\n minWidths={{\n md: '100px',\n lg: '150px',\n xl: '200px',\n '2xl': '300px'\n }}\n >\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n </Gallery>\n);\n","title":"Adjusting min widths","lang":"ts","className":""}}>
62
-
63
- </Example>,
64
- 'Adjusting max widths': props =>
65
- <Example {...pageData} {...props} {...{"code":"import { Gallery, GalleryItem } from '@patternfly/react-core';\n\nexport const GalleryAdjustingMaxWidths: React.FunctionComponent = () => (\n <Gallery\n hasGutter\n maxWidths={{\n md: '280px',\n lg: '320px',\n '2xl': '400px'\n }}\n >\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n </Gallery>\n);\n","title":"Adjusting max widths","lang":"ts","className":""}}>
66
-
67
- </Example>,
68
- 'Adjusting min and max widths': props =>
69
- <Example {...pageData} {...props} {...{"code":"import { Gallery, GalleryItem } from '@patternfly/react-core';\n\nexport const GalleryAdjustingMinMaxWidths: React.FunctionComponent = () => (\n <Gallery\n hasGutter\n minWidths={{\n default: '100%',\n md: '100px',\n xl: '300px'\n }}\n maxWidths={{\n md: '200px',\n xl: '1fr'\n }}\n >\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n <GalleryItem>Gallery Item</GalleryItem>\n </Gallery>\n);\n","title":"Adjusting min and max widths","lang":"ts","className":""}}>
70
-
71
- </Example>,
72
- 'Alternative components': props =>
73
- <Example {...pageData} {...props} {...{"code":"import { Gallery, GalleryItem } from '@patternfly/react-core';\n\nexport const GalleryAlternativeComponents: React.FunctionComponent = () => (\n <Gallery component=\"ul\">\n <GalleryItem component=\"li\">Gallery Item</GalleryItem>\n <GalleryItem component=\"li\">Gallery Item</GalleryItem>\n <GalleryItem component=\"li\">Gallery Item</GalleryItem>\n <GalleryItem component=\"li\">Gallery Item</GalleryItem>\n <GalleryItem component=\"li\">Gallery Item</GalleryItem>\n </Gallery>\n);\n","title":"Alternative components","lang":"ts","className":""}}>
74
-
75
- </Example>
76
- };
77
-
78
- const Component = () => (
79
- <React.Fragment>
80
- <AutoLinkHeader {...{"id":"examples","headingLevel":"h2","className":"ws-title ws-h2"}}>
81
- {`Examples`}
82
- </AutoLinkHeader>
83
- {React.createElement(pageData.examples["Basic"])}
84
- {React.createElement(pageData.examples["With gutters"])}
85
- {React.createElement(pageData.examples["Adjusting min widths"])}
86
- {React.createElement(pageData.examples["Adjusting max widths"])}
87
- {React.createElement(pageData.examples["Adjusting min and max widths"])}
88
- {React.createElement(pageData.examples["Alternative components"])}
89
- </React.Fragment>
90
- );
91
- Component.displayName = 'FoundationsAndStylesLayoutsGalleryReactDocs';
92
- Component.pageData = pageData;
93
-
94
- export default Component;
@@ -1,272 +0,0 @@
1
- import React from 'react';
2
- import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
3
- import '../../../../../../react-core/src/layouts/Grid/examples/./grid.css';
4
- const pageData = {
5
- "id": "Grid",
6
- "section": "foundations-and-styles",
7
- "subsection": "layouts",
8
- "deprecated": false,
9
- "template": false,
10
- "beta": false,
11
- "demo": false,
12
- "newImplementationLink": false,
13
- "source": "react",
14
- "tabName": null,
15
- "slug": "/foundations-and-styles/layouts/grid/react",
16
- "sourceLink": "https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/layouts/Grid/examples/Grid.md",
17
- "relPath": "packages/react-core/src/layouts/Grid/examples/Grid.md",
18
- "propComponents": [
19
- {
20
- "name": "Grid",
21
- "description": "",
22
- "props": [
23
- {
24
- "name": "children",
25
- "type": "React.ReactNode",
26
- "description": "content rendered inside the Grid layout",
27
- "defaultValue": "null"
28
- },
29
- {
30
- "name": "className",
31
- "type": "string",
32
- "description": "additional classes added to the Grid layout",
33
- "defaultValue": "''"
34
- },
35
- {
36
- "name": "component",
37
- "type": "React.ElementType<any> | React.ComponentType<any>",
38
- "description": "Sets the base component to render. defaults to div",
39
- "defaultValue": "'div'"
40
- },
41
- {
42
- "name": "hasGutter",
43
- "type": "boolean",
44
- "description": "Adds space between children."
45
- },
46
- {
47
- "name": "lg",
48
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
49
- "description": "the number of columns all grid items should span on a large device"
50
- },
51
- {
52
- "name": "md",
53
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
54
- "description": "the number of columns all grid items should span on a medium device"
55
- },
56
- {
57
- "name": "order",
58
- "type": "{\n default?: string;\n md?: string;\n lg?: string;\n xl?: string;\n '2xl'?: string;\n}",
59
- "description": "Modifies the flex layout element order property"
60
- },
61
- {
62
- "name": "sm",
63
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
64
- "description": "the number of columns all grid items should span on a small device"
65
- },
66
- {
67
- "name": "span",
68
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
69
- "description": "The number of rows a column in the grid should span. Value should be a number 1-12",
70
- "defaultValue": "null"
71
- },
72
- {
73
- "name": "xl",
74
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
75
- "description": "the number of columns all grid items should span on a xLarge device"
76
- },
77
- {
78
- "name": "xl2",
79
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
80
- "description": "the number of columns all grid items should span on a 2xLarge device"
81
- }
82
- ]
83
- },
84
- {
85
- "name": "GridItem",
86
- "description": "",
87
- "props": [
88
- {
89
- "name": "children",
90
- "type": "React.ReactNode",
91
- "description": "content rendered inside the Grid Layout Item",
92
- "defaultValue": "null"
93
- },
94
- {
95
- "name": "className",
96
- "type": "string",
97
- "description": "additional classes added to the Grid Layout Item",
98
- "defaultValue": "''"
99
- },
100
- {
101
- "name": "component",
102
- "type": "React.ElementType<any> | React.ComponentType<any>",
103
- "description": "Sets the base component to render. defaults to div",
104
- "defaultValue": "'div'"
105
- },
106
- {
107
- "name": "lg",
108
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
109
- "description": "the number of columns the grid item spans on large device. Value should be a number 1-12"
110
- },
111
- {
112
- "name": "lgOffset",
113
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
114
- "description": "the number of columns the grid item is offset on large device. Value should be a number 1-12"
115
- },
116
- {
117
- "name": "lgRowSpan",
118
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
119
- "description": "the number of rows the grid item spans on large device. Value should be a number 1-12"
120
- },
121
- {
122
- "name": "md",
123
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
124
- "description": "the number of columns the grid item spans on medium device. Value should be a number 1-12"
125
- },
126
- {
127
- "name": "mdOffset",
128
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
129
- "description": "the number of columns the grid item is offset on medium device. Value should be a number 1-12"
130
- },
131
- {
132
- "name": "mdRowSpan",
133
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
134
- "description": "the number of rows the grid item spans on medium device. Value should be a number 1-12"
135
- },
136
- {
137
- "name": "offset",
138
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
139
- "description": "the number of columns a grid item is offset",
140
- "defaultValue": "null"
141
- },
142
- {
143
- "name": "order",
144
- "type": "{\n default?: string;\n md?: string;\n lg?: string;\n xl?: string;\n '2xl'?: string;\n}",
145
- "description": "Modifies the flex layout element order property"
146
- },
147
- {
148
- "name": "rowSpan",
149
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
150
- "description": "the number of rows the grid item spans. Value should be a number 1-12",
151
- "defaultValue": "null"
152
- },
153
- {
154
- "name": "sm",
155
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
156
- "description": "the number of columns the grid item spans on small device. Value should be a number 1-12"
157
- },
158
- {
159
- "name": "smOffset",
160
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
161
- "description": "the number of columns the grid item is offset on small device. Value should be a number 1-12"
162
- },
163
- {
164
- "name": "smRowSpan",
165
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
166
- "description": "the number of rows the grid item spans on medium device. Value should be a number 1-12"
167
- },
168
- {
169
- "name": "span",
170
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
171
- "description": "the number of columns the grid item spans. Value should be a number 1-12",
172
- "defaultValue": "null"
173
- },
174
- {
175
- "name": "xl",
176
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
177
- "description": "the number of columns the grid item spans on xLarge device. Value should be a number 1-12"
178
- },
179
- {
180
- "name": "xl2",
181
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
182
- "description": "the number of columns the grid item spans on 2xLarge device. Value should be a number 1-12"
183
- },
184
- {
185
- "name": "xl2Offset",
186
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
187
- "description": "the number of columns the grid item is offset on 2xLarge device. Value should be a number 1-12"
188
- },
189
- {
190
- "name": "xl2RowSpan",
191
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
192
- "description": "the number of rows the grid item spans on 2xLarge device. Value should be a number 1-12"
193
- },
194
- {
195
- "name": "xlOffset",
196
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
197
- "description": "the number of columns the grid item is offset on xLarge device. Value should be a number 1-12"
198
- },
199
- {
200
- "name": "xlRowSpan",
201
- "type": "1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12",
202
- "description": "the number of rows the grid item spans on large device. Value should be a number 1-12"
203
- }
204
- ]
205
- }
206
- ],
207
- "cssPrefix": [
208
- "pf-v6-l-grid"
209
- ],
210
- "examples": [
211
- "Basic",
212
- "With gutters",
213
- "With overrides",
214
- "Standard ordering",
215
- "Responsive ordering",
216
- "Grouped ordering",
217
- "Alternative components"
218
- ]
219
- };
220
- pageData.relativeImports = "import 'react-core/src/layouts/Grid/examples/./grid.css';"
221
- pageData.examples = {
222
- 'Basic': props =>
223
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridBasic: React.FunctionComponent = () => (\n <Grid>\n <GridItem span={8}>span = 8</GridItem>\n <GridItem span={4} rowSpan={2}>\n span = 4, rowSpan = 2\n </GridItem>\n <GridItem span={2} rowSpan={3}>\n span = 2, rowSpan = 3\n </GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n </Grid>\n);\n","title":"Basic","lang":"ts","className":""}}>
224
-
225
- </Example>,
226
- 'With gutters': props =>
227
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridWithGutters: React.FunctionComponent = () => (\n <Grid hasGutter>\n <GridItem span={8}>span = 8</GridItem>\n <GridItem span={4} rowSpan={2}>\n span = 4, rowSpan = 2\n </GridItem>\n <GridItem span={2} rowSpan={3}>\n span = 2, rowSpan = 3\n </GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n <GridItem span={2}>span = 2</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n <GridItem span={4}>span = 4</GridItem>\n </Grid>\n);\n","title":"With gutters","lang":"ts","className":""}}>
228
-
229
- </Example>,
230
- 'With overrides': props =>
231
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridWithOverrides: React.FunctionComponent = () => (\n <Grid sm={6} md={4} lg={3} xl2={1}>\n <GridItem span={3} rowSpan={2}>\n span = 3 rowSpan= 2\n </GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n <GridItem>Grid Item</GridItem>\n </Grid>\n);\n","title":"With overrides","lang":"ts","className":""}}>
232
-
233
- </Example>,
234
- 'Standard ordering': props =>
235
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridStandardOrdering: React.FunctionComponent = () => (\n <Grid hasGutter span={3}>\n <GridItem order={{ default: '2' }}>Item A</GridItem>\n <GridItem>Item B</GridItem>\n <GridItem order={{ default: '-1' }}>Item C</GridItem>\n </Grid>\n);\n","title":"Standard ordering","lang":"ts","className":""}}>
236
-
237
- </Example>,
238
- 'Responsive ordering': props =>
239
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridResponsiveOrdering: React.FunctionComponent = () => (\n <Grid hasGutter span={3}>\n <GridItem order={{ lg: '2' }}>Item A</GridItem>\n <GridItem>Item B</GridItem>\n <GridItem order={{ default: '-1', md: '1' }}>Item C</GridItem>\n </Grid>\n);\n","title":"Responsive ordering","lang":"ts","className":""}}>
240
-
241
- </Example>,
242
- 'Grouped ordering': props =>
243
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridGroupingOrdering: React.FunctionComponent = () => (\n <Grid hasGutter span={12}>\n <Grid hasGutter span={6} order={{ default: '2' }}>\n <GridItem order={{ default: '3' }}>Set 1, Item A</GridItem>\n <GridItem order={{ default: '1' }}>Set 1, Item B</GridItem>\n <GridItem>Set 1, Item C</GridItem>\n <GridItem order={{ default: '2' }}>Set 1, Item D</GridItem>\n </Grid>\n <Grid hasGutter span={6}>\n <GridItem order={{ default: '2' }}>Set 2, Item A</GridItem>\n <GridItem order={{ default: '1' }}>Set 2, Item B</GridItem>\n <GridItem>Set 2, Item C</GridItem>\n <GridItem order={{ default: '2' }}>Set 2, Item D</GridItem>\n </Grid>\n </Grid>\n);\n","title":"Grouped ordering","lang":"ts","className":""}}>
244
-
245
- </Example>,
246
- 'Alternative components': props =>
247
- <Example {...pageData} {...props} {...{"code":"import { Grid, GridItem } from '@patternfly/react-core';\n\nexport const GridAlternativeComponents: React.FunctionComponent = () => (\n <Grid component=\"ul\">\n <GridItem component=\"li\">Grid item</GridItem>\n <GridItem component=\"li\">Grid item</GridItem>\n <GridItem component=\"li\">Grid item</GridItem>\n <GridItem component=\"li\">Grid item</GridItem>\n <GridItem component=\"li\">Grid item</GridItem>\n </Grid>\n);\n","title":"Alternative components","lang":"ts","className":""}}>
248
-
249
- </Example>
250
- };
251
-
252
- const Component = () => (
253
- <React.Fragment>
254
- <AutoLinkHeader {...{"id":"examples","headingLevel":"h2","className":"ws-title ws-h2"}}>
255
- {`Examples`}
256
- </AutoLinkHeader>
257
- {React.createElement(pageData.examples["Basic"])}
258
- {React.createElement(pageData.examples["With gutters"])}
259
- {React.createElement(pageData.examples["With overrides"])}
260
- <AutoLinkHeader {...{"id":"ordering","headingLevel":"h2","className":"ws-title ws-h2"}}>
261
- {`Ordering`}
262
- </AutoLinkHeader>
263
- {React.createElement(pageData.examples["Standard ordering"])}
264
- {React.createElement(pageData.examples["Responsive ordering"])}
265
- {React.createElement(pageData.examples["Grouped ordering"])}
266
- {React.createElement(pageData.examples["Alternative components"])}
267
- </React.Fragment>
268
- );
269
- Component.displayName = 'FoundationsAndStylesLayoutsGridReactDocs';
270
- Component.pageData = pageData;
271
-
272
- export default Component;
@@ -1,87 +0,0 @@
1
- import React from 'react';
2
- import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
3
- import '../../../../../../react-core/src/layouts/Level/examples/./level.css';
4
- const pageData = {
5
- "id": "Level",
6
- "section": "foundations-and-styles",
7
- "subsection": "layouts",
8
- "deprecated": false,
9
- "template": false,
10
- "beta": false,
11
- "demo": false,
12
- "newImplementationLink": false,
13
- "source": "react",
14
- "tabName": null,
15
- "slug": "/foundations-and-styles/layouts/level/react",
16
- "sourceLink": "https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/layouts/Level/examples/Level.md",
17
- "relPath": "packages/react-core/src/layouts/Level/examples/Level.md",
18
- "propComponents": [
19
- {
20
- "name": "Level",
21
- "description": "",
22
- "props": [
23
- {
24
- "name": "children",
25
- "type": "React.ReactNode",
26
- "description": "content rendered inside the Level layout",
27
- "defaultValue": "null"
28
- },
29
- {
30
- "name": "className",
31
- "type": "string",
32
- "description": "additional classes added to the Level layout",
33
- "defaultValue": "''"
34
- },
35
- {
36
- "name": "hasGutter",
37
- "type": "boolean",
38
- "description": "Adds space between children."
39
- }
40
- ]
41
- },
42
- {
43
- "name": "LevelItem",
44
- "description": "",
45
- "props": [
46
- {
47
- "name": "children",
48
- "type": "React.ReactNode",
49
- "description": "content rendered inside the Level Layout Item",
50
- "defaultValue": "null"
51
- }
52
- ]
53
- }
54
- ],
55
- "cssPrefix": [
56
- "pf-v6-l-level"
57
- ],
58
- "examples": [
59
- "Basic",
60
- "With gutters"
61
- ]
62
- };
63
- pageData.relativeImports = "import 'react-core/src/layouts/Level/examples/./level.css';"
64
- pageData.examples = {
65
- 'Basic': props =>
66
- <Example {...pageData} {...props} {...{"code":"import { Level, LevelItem } from '@patternfly/react-core';\n\nexport const LevelBasic: React.FunctionComponent = () => (\n <Level>\n <LevelItem>Level Item</LevelItem>\n <LevelItem>Level Item</LevelItem>\n <LevelItem>Level Item</LevelItem>\n </Level>\n);\n","title":"Basic","lang":"ts","className":""}}>
67
-
68
- </Example>,
69
- 'With gutters': props =>
70
- <Example {...pageData} {...props} {...{"code":"import { Level, LevelItem } from '@patternfly/react-core';\n\nexport const LevelWithGutters: React.FunctionComponent = () => (\n <Level hasGutter>\n <LevelItem>Level Item</LevelItem>\n <LevelItem>Level Item</LevelItem>\n <LevelItem>Level Item</LevelItem>\n </Level>\n);\n","title":"With gutters","lang":"ts","className":""}}>
71
-
72
- </Example>
73
- };
74
-
75
- const Component = () => (
76
- <React.Fragment>
77
- <AutoLinkHeader {...{"id":"examples","headingLevel":"h2","className":"ws-title ws-h2"}}>
78
- {`Examples`}
79
- </AutoLinkHeader>
80
- {React.createElement(pageData.examples["Basic"])}
81
- {React.createElement(pageData.examples["With gutters"])}
82
- </React.Fragment>
83
- );
84
- Component.displayName = 'FoundationsAndStylesLayoutsLevelReactDocs';
85
- Component.pageData = pageData;
86
-
87
- export default Component;
@@ -1,124 +0,0 @@
1
- import React from 'react';
2
- import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
3
- import '../../../../../../react-core/src/layouts/Split/examples/./split.css';
4
- const pageData = {
5
- "id": "Split",
6
- "section": "foundations-and-styles",
7
- "subsection": "layouts",
8
- "deprecated": false,
9
- "template": false,
10
- "beta": false,
11
- "demo": false,
12
- "newImplementationLink": false,
13
- "source": "react",
14
- "tabName": null,
15
- "slug": "/foundations-and-styles/layouts/split/react",
16
- "sourceLink": "https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/layouts/Split/examples/Split.md",
17
- "relPath": "packages/react-core/src/layouts/Split/examples/Split.md",
18
- "propComponents": [
19
- {
20
- "name": "Split",
21
- "description": "",
22
- "props": [
23
- {
24
- "name": "children",
25
- "type": "React.ReactNode",
26
- "description": "content rendered inside the split layout.",
27
- "defaultValue": "null"
28
- },
29
- {
30
- "name": "className",
31
- "type": "string",
32
- "description": "Additional classes added to the split layout.",
33
- "defaultValue": "''"
34
- },
35
- {
36
- "name": "component",
37
- "type": "React.ReactNode",
38
- "description": "Sets the base component to render. Defaults to div.",
39
- "defaultValue": "'div'"
40
- },
41
- {
42
- "name": "hasGutter",
43
- "type": "boolean",
44
- "description": "Adds space between children.",
45
- "defaultValue": "false"
46
- },
47
- {
48
- "name": "isWrappable",
49
- "type": "boolean",
50
- "description": "Allows children to wrap.",
51
- "defaultValue": "false"
52
- }
53
- ]
54
- },
55
- {
56
- "name": "SplitItem",
57
- "description": "",
58
- "props": [
59
- {
60
- "name": "children",
61
- "type": "React.ReactNode",
62
- "description": "Content rendered inside the split layout item.",
63
- "defaultValue": "null"
64
- },
65
- {
66
- "name": "className",
67
- "type": "string",
68
- "description": "Additional classes added to the split layout item.",
69
- "defaultValue": "''"
70
- },
71
- {
72
- "name": "component",
73
- "type": "React.ReactNode",
74
- "description": "Sets the base component to render. Defaults to div.",
75
- "defaultValue": "'div'"
76
- },
77
- {
78
- "name": "isFilled",
79
- "type": "boolean",
80
- "description": "Flag indicating if this split layout item should fill the available horizontal space.",
81
- "defaultValue": "false"
82
- }
83
- ]
84
- }
85
- ],
86
- "cssPrefix": [
87
- "pf-v6-l-split"
88
- ],
89
- "examples": [
90
- "Basic",
91
- "With gutter",
92
- "Wrappable"
93
- ]
94
- };
95
- pageData.relativeImports = "import 'react-core/src/layouts/Split/examples/./split.css';"
96
- pageData.examples = {
97
- 'Basic': props =>
98
- <Example {...pageData} {...props} {...{"code":"import { Split, SplitItem } from '@patternfly/react-core';\n\nexport const SplitBasic: React.FunctionComponent = () => (\n <Split>\n <SplitItem>content</SplitItem>\n <SplitItem isFilled>pf-m-fill</SplitItem>\n <SplitItem>content</SplitItem>\n </Split>\n);\n","title":"Basic","lang":"ts","className":""}}>
99
-
100
- </Example>,
101
- 'With gutter': props =>
102
- <Example {...pageData} {...props} {...{"code":"import { Split, SplitItem } from '@patternfly/react-core';\n\nexport const SplitWithGutter: React.FunctionComponent = () => (\n <Split hasGutter>\n <SplitItem>content</SplitItem>\n <SplitItem isFilled>pf-m-fill</SplitItem>\n <SplitItem>content</SplitItem>\n </Split>\n);\n","title":"With gutter","lang":"ts","className":""}}>
103
-
104
- </Example>,
105
- 'Wrappable': props =>
106
- <Example {...pageData} {...props} {...{"code":"import { Split, SplitItem } from '@patternfly/react-core';\n\nexport const SplitWrappable: React.FunctionComponent = () => (\n <Split hasGutter isWrappable>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n <SplitItem>content</SplitItem>\n </Split>\n);\n","title":"Wrappable","lang":"ts","className":""}}>
107
-
108
- </Example>
109
- };
110
-
111
- const Component = () => (
112
- <React.Fragment>
113
- <AutoLinkHeader {...{"id":"examples","headingLevel":"h2","className":"ws-title ws-h2"}}>
114
- {`Examples`}
115
- </AutoLinkHeader>
116
- {React.createElement(pageData.examples["Basic"])}
117
- {React.createElement(pageData.examples["With gutter"])}
118
- {React.createElement(pageData.examples["Wrappable"])}
119
- </React.Fragment>
120
- );
121
- Component.displayName = 'FoundationsAndStylesLayoutsSplitReactDocs';
122
- Component.pageData = pageData;
123
-
124
- export default Component;