chore(card): added header wrap example

Author: Mash707

packages/react-core/src/components/Card/examples/Card.md

@@ -89,6 +89,10 @@ Images can also be placed in the card header without a `<CardTitle>`.
 
 ```
 
+### Card with header that wraps
+```ts file='./CardHeaderWraps.tsx'
+```
+
 ### With HTML heading element
 
 You may use the `component` property to place the card's title within an HTML heading element.

packages/react-core/src/components/Card/examples/CardHeaderWraps.tsx

@@ -0,0 +1,26 @@
+import { Card, CardBody, CardHeader, Button, CardTitle, Flex, FlexItem } from '@patternfly/react-core';
+
+export const CardBasic: React.FunctionComponent = () => (
+  <Card ouiaId="BasicCard">
+    <CardHeader hasWrap>
+      {' '}
+      <Flex columnGap={{ default: 'columnGapXl' }} justifyContent={{ default: 'justifyContentSpaceBetween' }}>
+        <FlexItem>
+          <CardTitle>This is a longer card title that takes up more space</CardTitle>
+        </FlexItem>
+        <FlexItem>
+          <Button variant="primary" ouiaId="Primary">
+            Primary action
+          </Button>
+          <Button variant="secondary" ouiaId="Secondary">
+            Secondary action
+          </Button>
+          <Button variant="tertiary" ouiaId="Tertiary">
+            Tertiary action
+          </Button>
+        </FlexItem>
+      </Flex>
+    </CardHeader>
+    <CardBody>This is the card body</CardBody>
+  </Card>
+);