(fix, docs): document frames and endpoint req/res snippets (#3490)

* (fix, docs): document frames and endpoint req/res snippets

* add icons

fern/docs.yml

@@ -239,25 +239,38 @@ navigation:
         contents:
           - page: Accordion
             path: ./pages/docs/components/accordions.mdx
+            icon: 'square-caret-down'
           - page: Accordion Groups
             path: ./pages/docs/components/accordion-groups.mdx
+            icon: table-rows
           - page: Callouts
             path: ./pages/docs/components/callouts.mdx
+            icon: 'circle-exclamation'
           - page: Cards
             path: ./pages/docs/components/cards.mdx
+            icon: "rectangle"
           - page: Card Groups
             path: ./pages/docs/components/card-groups.mdx
+            icon: 'rectangles-mixed'
           - page: Code Blocks
             path: ./pages/docs/components/code-blocks.mdx
             slug: code-blocks
+            icon: "rectangle-code"
           - page: Steps
             path: ./pages/docs/components/steps.mdx
+            icon: 'arrow-progress'
+          - page: Frames
+            path: ./pages/docs/components/frames.mdx
+            icon: 'frame'
           - page: Tabs
             path: ./pages/docs/components/tabs.mdx
-          - page: Endpoint Snippets
-            path: ./pages/fern-docs/components/endpoint-snippets.mdx
-          - page: Icon
-            path: ./pages/fern-docs/components/icon.mdx
+            icon: 'window-restore'
+          - page: Endpoint Request Snippet
+            path: ./pages/docs/components/endpoint-request-snippet.mdx
+            icon: 'turn-up'
+          - page: Endpoint Response Snippet
+            path: ./pages/docs/components/endpoint-response-snippet.mdx
+            icon: 'turn-down'
   - tab: api
     layout:
       - api: API Reference

fern/pages/docs/components/endpoint-request-snippet.mdx

@@ -0,0 +1,20 @@
+---
+title: Endpoint Request Snippet
+excerpt: Reference an endpoint request from your API Reference
+---
+
+The `EndpointRequestSnippet` component is used to reference an endpoint 
+request from your API Reference. Below is an example of referencing the
+request for the `POST /snippets` endpoint.
+
+<EndpointRequestSnippet endpoint='POST /snippets' />
+
+<Aside>
+
+<CodeBlock title="Markdown">
+```jsx
+<EndpointRequestSnippet endpoint='POST /snippets' />
+```
+</CodeBlock>
+
+</Aside>

fern/pages/docs/components/endpoint-response-snippet.mdx

@@ -0,0 +1,20 @@
+---
+title: Endpoint Response Snippet
+excerpt: Reference an endpoint response from your API Reference
+---
+
+The `EndpointResponseSnippet` component is used to reference an endpoint 
+request from your API Reference. Below is an example of referencing the 
+response for the `POST /snippets` endpoint.
+
+<EndpointResponseSnippet endpoint='POST /snippets' />
+
+<Aside>
+
+<CodeBlock title="Markdown">
+```jsx
+<EndpointResponseSnippet endpoint='POST /snippets' />
+```
+</CodeBlock>
+
+</Aside>

fern/pages/docs/components/frames.mdx

@@ -0,0 +1,21 @@
+---
+title: 'Frames'
+excerpt: 'Wrap images in a container with the frame component'
+---
+
+<Frame caption="Beautiful mountains">
+  <img src="https://images.pexels.com/photos/1867601/pexels-photo-1867601.jpeg" />
+</Frame>
+
+<Aside>
+
+<CodeBlocks>
+  ```jsx title="Markdown"
+    <Frame caption="Beautiful mountains">
+        // Or a relative path to an image in the project
+        <img src="https://images.pexels.com/photos/1867601.jpeg" />
+    </Frame>
+  ```
+</CodeBlocks>
+
+</Aside>