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

package/patternfly-docs/generated/foundations-and-styles/layouts/stack/react.js

@@ -0,0 +1,112 @@
+import React from 'react';
+import { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';
+import '../../../../../../react-core/src/layouts/Stack/examples/./stack.css';
+const pageData = {
+  "id": "Stack",
+  "section": "foundations-and-styles",
+  "subsection": "layouts",
+  "deprecated": false,
+  "template": false,
+  "beta": false,
+  "demo": false,
+  "newImplementationLink": false,
+  "source": "react",
+  "tabName": null,
+  "slug": "/foundations-and-styles/layouts/stack/react",
+  "sourceLink": "https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/layouts/Stack/examples/Stack.md",
+  "relPath": "packages/react-core/src/layouts/Stack/examples/Stack.md",
+  "propComponents": [
+    {
+      "name": "Stack",
+      "description": "",
+      "props": [
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "description": "Content rendered inside the stack layout.",
+          "defaultValue": "null"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "description": "Additional classes added to the stack layout.",
+          "defaultValue": "''"
+        },
+        {
+          "name": "component",
+          "type": "React.ReactNode",
+          "description": "Sets the base component to render. Defaults to div.",
+          "defaultValue": "'div'"
+        },
+        {
+          "name": "hasGutter",
+          "type": "boolean",
+          "description": "Adds space between children.",
+          "defaultValue": "false"
+        }
+      ]
+    },
+    {
+      "name": "StackItem",
+      "description": "",
+      "props": [
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "description": "Additional classes added to the stack layout item.",
+          "defaultValue": "null"
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "description": "Content rendered inside the stack layout item.",
+          "defaultValue": "''"
+        },
+        {
+          "name": "component",
+          "type": "React.ReactNode",
+          "description": "Sets the base component to render. Defaults to div.",
+          "defaultValue": "'div'"
+        },
+        {
+          "name": "isFilled",
+          "type": "boolean",
+          "description": "Flag indicating if this stack layout item should fill the available vertical space.",
+          "defaultValue": "false"
+        }
+      ]
+    }
+  ],
+  "cssPrefix": [
+    "pf-v6-l-stack"
+  ],
+  "examples": [
+    "Basic",
+    "With gutter"
+  ]
+};
+pageData.relativeImports = "import 'react-core/src/layouts/Stack/examples/./stack.css';"
+pageData.examples = {
+  'Basic': props => 
+    <Example {...pageData} {...props} {...{"code":"import { Stack, StackItem } from '@patternfly/react-core';\n\nexport const StackBasic: React.FunctionComponent = () => (\n  <Stack>\n    <StackItem>content</StackItem>\n    <StackItem isFilled>pf-m-fill</StackItem>\n    <StackItem>content</StackItem>\n  </Stack>\n);\n","title":"Basic","lang":"ts","className":""}}>
+      
+    </Example>,
+  'With gutter': props => 
+    <Example {...pageData} {...props} {...{"code":"import { Stack, StackItem } from '@patternfly/react-core';\n\nexport const StackWithGutter: React.FunctionComponent = () => (\n  <Stack hasGutter>\n    <StackItem>content</StackItem>\n    <StackItem isFilled>pf-m-fill</StackItem>\n    <StackItem>content</StackItem>\n  </Stack>\n);\n","title":"With gutter","lang":"ts","className":""}}>
+      
+    </Example>
+};
+
+const Component = () => (
+  <React.Fragment>
+    <AutoLinkHeader {...{"id":"examples","headingLevel":"h2","className":"ws-title ws-h2"}}>
+      {`Examples`}
+    </AutoLinkHeader>
+    {React.createElement(pageData.examples["Basic"])}
+    {React.createElement(pageData.examples["With gutter"])}
+  </React.Fragment>
+);
+Component.displayName = 'FoundationsAndStylesLayoutsStackReactDocs';
+Component.pageData = pageData;
+
+export default Component;