mirror of
https://github.com/mathuo/dockview
synced 2025-11-22 07:22:10 +00:00
feat: template docs
This commit is contained in:
parent
897b96b7df
commit
9e6eaf5c77
@ -42,7 +42,7 @@ export const App: React.FC = (props: { theme?: string }) => {
|
|||||||
id: 'panel_2',
|
id: 'panel_2',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
title: 'Panel 2',
|
title: 'Panel 2',
|
||||||
position: { referencePanel: panel },
|
position: { referencePanel: panel.id },
|
||||||
});
|
});
|
||||||
|
|
||||||
const panel3 = event.api.addPanel({
|
const panel3 = event.api.addPanel({
|
||||||
@ -50,14 +50,14 @@ export const App: React.FC = (props: { theme?: string }) => {
|
|||||||
component: 'default',
|
component: 'default',
|
||||||
title: 'Panel 3',
|
title: 'Panel 3',
|
||||||
|
|
||||||
position: { referencePanel: panel, direction: 'right' },
|
position: { referencePanel: panel.id, direction: 'right' },
|
||||||
});
|
});
|
||||||
|
|
||||||
const panel4 = event.api.addPanel({
|
const panel4 = event.api.addPanel({
|
||||||
id: 'panel_4',
|
id: 'panel_4',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
title: 'Panel 4',
|
title: 'Panel 4',
|
||||||
position: { referencePanel: panel3 },
|
position: { referencePanel: panel3.id },
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -48,19 +48,19 @@ export class AppComponent {
|
|||||||
const panel2 = api.addPanel({
|
const panel2 = api.addPanel({
|
||||||
id: 'panel_2',
|
id: 'panel_2',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
position: { referencePanel: panel1, direction: 'right' },
|
position: { referencePanel: panel1.id, direction: 'right' },
|
||||||
});
|
});
|
||||||
|
|
||||||
api.addPanel({
|
api.addPanel({
|
||||||
id: 'panel_3',
|
id: 'panel_3',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
position: { referencePanel: panel1, direction: 'below' },
|
position: { referencePanel: panel1.id, direction: 'below' },
|
||||||
});
|
});
|
||||||
|
|
||||||
api.addPanel({
|
api.addPanel({
|
||||||
id: 'panel_4',
|
id: 'panel_4',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
position: { referencePanel: panel2, direction: 'below' },
|
position: { referencePanel: panel2.id, direction: 'below' },
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -44,17 +44,17 @@ const panel1 = api.addPanel({
|
|||||||
const panel2 = api.addPanel({
|
const panel2 = api.addPanel({
|
||||||
id: 'panel_2',
|
id: 'panel_2',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
position: { referencePanel: panel1, direction: 'right' },
|
position: { referencePanel: panel1.id, direction: 'right' },
|
||||||
});
|
});
|
||||||
|
|
||||||
api.addPanel({
|
api.addPanel({
|
||||||
id: 'panel_3',
|
id: 'panel_3',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
position: { referencePanel: panel1, direction: 'below' },
|
position: { referencePanel: panel1.id, direction: 'below' },
|
||||||
});
|
});
|
||||||
|
|
||||||
api.addPanel({
|
api.addPanel({
|
||||||
id: 'panel_4',
|
id: 'panel_4',
|
||||||
component: 'default',
|
component: 'default',
|
||||||
position: { referencePanel: panel2, direction: 'below' },
|
position: { referencePanel: panel2.id, direction: 'below' },
|
||||||
});
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user