lumino-dockpanel-react

The DockPanel API is similar to that of react-grid-layout, where each react child component is the a widget in the dock panel and a user defined layout configuration is used to layout the items appropriately

Usage no npm install needed!

<script type="module">
  import luminoDockpanelReact from 'https://cdn.skypack.dev/lumino-dockpanel-react';
</script>

README

lumino-dockpanel-react

Install

$ npm i lumino-dockpanel-react

Code Sample

<DockPanel onLayoutChange={console.log} layout={layout}>
    <div key="yellow" title="Yellow Title" className="yellow"></div>
    <div key="red" title="Red Title" className="red"></div>
    <div key="blue" className="blue"></div>
</DockPanel>

See full example