Merge pull request #20 from fhlavac/main

fix(docs) Enhance ErrorState & ErrorBoundary docs

Author: Hyperkid123

…groups/examples/ActionButtonsExample.tsx …les/DetailsPage/ActionButtonsExample.tsxpackages/module/patternfly-docs/content/extensions/component-groups/examples/ActionButtonsExample.tsx renamed to packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/ActionButtonsExample.tsx packages/module/patternfly-docs/content/extensions/component-groups/examples/ActionButtonsExample.tsx renamed to packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/ActionButtonsExample.tsx

@@ -0,0 +1,32 @@
+---
+# Sidenav top-level section
+# should be the same for all markdown files
+section: extensions
+subsection: Component groups
+# Sidenav secondary level section
+# should be the same for all markdown files
+id: ErrorBoundaryPage
+# Tab (react | react-demos | html | html-demos | design-guidelines | accessibility)
+source: react
+# If you use typescript, the name of the interface to display props for
+# These are found through the sourceProps function provided in patternfly-docs.source.js
+propComponents: ['ErrorBoundaryPage']
+---
+
+import { ErrorBoundaryPage } from "@patternfly/react-component-groups";
+
+## Components Usage
+
+This component reuses the ErrorState component for an app error boundary.
+
+### ErrorBoundaryPage Component
+
+```js file="./ErrorBoundaryPageExample.tsx"
+
+```
+
+### ErrorBoundaryPage Component without error
+
+```js file="./ErrorBoundaryPageNoExample.tsx"
+
+```

…nt-groups/examples/ActionMenuExample.tsx …amples/DetailsPage/ActionMenuExample.tsxpackages/module/patternfly-docs/content/extensions/component-groups/examples/ActionMenuExample.tsx renamed to packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/ActionMenuExample.tsx packages/module/patternfly-docs/content/extensions/component-groups/examples/ActionMenuExample.tsx renamed to packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/ActionMenuExample.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ErrorBoundaryPage } from '@patternfly/react-component-groups';
+
+export const BasicExample: React.FunctionComponent = () => {
+  const Surprise = () => {
+    throw new Error('but a welcome one');
+  };
+
+  return (<ErrorBoundaryPage headerTitle="My app header" errorTitle="Something wrong happened">
+    <Surprise />
+  </ErrorBoundaryPage>);
+}