chore: docs

packages/docs/blog/2024-01-31-dockview-1.9.0.md

@@ -0,0 +1,29 @@
+---
+slug: dockview-1.9.0-release
+title: Dockview 1.9.0
+tags: [release]
+---
+
+# Release Notes
+
+Please reference to docs @ [dockview.dev](https://dockview.dev).
+
+## 🚀 Features
+
+-   Full screen groups [#361](https://github.com/mathuo/dockview/issues/361)
+
+-   Popout groups [#360](https://github.com/mathuo/dockview/issues/360)
+
+-   Advanced panel rendering configurations [#397](https://github.com/mathuo/dockview/issues/397)
+
+## 🛠 Miscs
+
+-   Remove hover effect on inactive drag handles [#392](https://github.com/mathuo/dockview/pull/392)
+
+-   Add CSS effect for focused tabs [#415](https://github.com/mathuo/dockview/pull/415)
+
+-   Upgrade docs website to Docasaurus v3 [#418](https://github.com/mathuo/dockview/pull/418)
+
+-   Upgrade project dependencies [#418](https://github.com/mathuo/dockview/pull/418)
+
+## 🔥 Breaking changes

packages/docs/docs/components/dockview.mdx

@@ -377,12 +377,22 @@ Dockview has built-in support for opening groups in new Windows.
 Each popout window can contain a single group with many panels and you can have as many popout
 windows as needed. You cannot dock multiple groups together in the same window.
 
-To open an existing group in a new window
+Popout windows require your website to have a blank `.html` page that can be used, by default this is set to `/popout.html` but
+can be configured to match requirements.
 
-```tsx
-api.addPopoutGroup(group);
+```tsx title="Open new popout group from the component api"
+api.addPopoutGroup(
+  group,
+  // the second arguments (options) is optional
+  {
+    popoutUrl:"/popout.html",
+    box: { left: 0, top: 0, height: 200, width: 300 }
+  });
 ```
 
+> If you do not provide `options.popoutUrl` a default of `/popout.html` is used and if `options.box` is not provided
+the view will be places according to it's currently position.
+
 From within a panel you may say
 
 ```tsx