Is it possible to create a "grid" layout programmatically with add panel?

[mikedidthis]

Firstly thanks for the awesome library!

Is it possible to create the above layout using the api only (I can do it via drag and drop)? I may have missed something in the docs.

[mathuo]

Glad you like it!

There are some docs on the addPanel method you may find useful here

https://dockview.dev/docs/next/components/dockview#add-panel

To briefly explain, you can provide a position object which takes a couple of arguments which help position the panel. You can position the new panel relative to an existing panel by providing referencePanel or an existing group by providing referenceGroup. You can also provide a direction which will be relative to the referencePanel or referenceGroup if provided and if not provided the direction is absolute.

Here is a quick sandbox showing the layout you mention created using addPanel and a variety of positioning options, you could achieve the same layout with many alternative positioning configurations but this is one of them.

Let me know if that helps and if you have any other questions.

[mikedidthis]

Thanks for the quick response. I think the piece I was missing is tracking the reference panel and a single add panel.

I will try and create an MVP and report back.