docs: add description and example to Collapse

packages/components/collapse/README.mdx

@@ -7,15 +7,16 @@ typescript: ./src/Collapse.tsx,
 storybook: 'https://v4-f36-storybook.netlify.app/?path=/story/animation-collapse--basic'
 ---
 
-import { Button, Text } from '@contentful/f36-components';
-import { ExternalLinkIcon } from '@contentful/f36-icons';
+Animate hiding and showing content.
 
-Collapse is used to elegantly hide and show extended content programmatically.
+Used in [Accordion](/components/accordion).
 
 ## Import
 
 ```jsx static=true
 import { Collapse } from '@contentful/f36-components';
+// or
+import { Collapse } from '@contentful/f36-collapse';
 ```
 
 ## Examples
@@ -24,22 +25,8 @@ The collapse component is a basic component to show and hide content programmati
 
 ### Basic usage
 
-```jsx
-function CollapseExample() {
-  const [isExpanded, setIsExpanded] = React.useState(true);
-  return (
-    <div>
-      <Button onClick={() => setIsExpanded(!isExpanded)}>Toggle</Button>
-      <Collapse isExpanded={isExpanded}>
-        <Text>
-          Customers on the Team tier can pay with a credit card (American
-          Express, MasterCard or Visa). Enterprise customers have the choice of
-          paying with a credit card or wire transfer.
-        </Text>
-      </Collapse>
-    </div>
-  );
-}
+```jsx file=./examples/CollapseExample.tsx
+
 ```
 
 ## Props (API reference)

packages/components/collapse/examples/CollapseExample.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Button, Collapse, Text } from '@contentful/f36-components';
+
+export function CollapseExample() {
+  const [isExpanded, setIsExpanded] = React.useState(true);
+  return (
+    <div>
+      <Button onClick={() => setIsExpanded(!isExpanded)}>Toggle</Button>
+      <Collapse isExpanded={isExpanded}>
+        <Text>
+          Customers on the Team tier can pay with a credit card (American
+          Express, MasterCard or Visa). Enterprise customers have the choice of
+          paying with a credit card or wire transfer.
+        </Text>
+      </Collapse>
+    </div>
+  );
+}