Move drawer to demos page

Author: rebeccaalpert

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

@@ -156,11 +156,3 @@ To customize which element receives focus when the drawer panel expands, use the
 ```ts file="./DrawerPillInline.tsx"
 
 ```
-
-### Viewport
-
-Use `isViewport` to position the drawer as `fixed` so it fills the viewport. Place the drawer after `<Page>` as a sibling. Omit children of `<DrawerContent>` so the content container stays empty; the empty container is still required so the panel can overlay the page.
-
-```ts file="./DrawerViewport.tsx" isFullscreen isBeta
-
-```

packages/react-core/src/demos/Drawer/Drawer.md

@@ -0,0 +1,16 @@
+---
+id: Drawer
+section: components
+---
+
+import { Fragment, useRef, useState } from 'react';
+
+## Demos
+
+### Expanded resizable viewport drawer
+
+Use `isViewport` to position the drawer as `fixed` so it fills the viewport. Place the drawer after `<Page>` as a sibling. Omit children of `<DrawerContent>` so the content container stays empty; the empty container is still required so the panel can overlay the page.
+
+```ts file="./examples/DrawerViewport.tsx" isFullscreen isBeta
+
+```