mirror of
https://github.com/mathuo/dockview
synced 2025-11-12 01:51:23 +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',
|
||||
component: 'default',
|
||||
title: 'Panel 2',
|
||||
position: { referencePanel: panel },
|
||||
position: { referencePanel: panel.id },
|
||||
});
|
||||
|
||||
const panel3 = event.api.addPanel({
|
||||
@ -50,14 +50,14 @@ export const App: React.FC = (props: { theme?: string }) => {
|
||||
component: 'default',
|
||||
title: 'Panel 3',
|
||||
|
||||
position: { referencePanel: panel, direction: 'right' },
|
||||
position: { referencePanel: panel.id, direction: 'right' },
|
||||
});
|
||||
|
||||
const panel4 = event.api.addPanel({
|
||||
id: 'panel_4',
|
||||
component: 'default',
|
||||
title: 'Panel 4',
|
||||
position: { referencePanel: panel3 },
|
||||
position: { referencePanel: panel3.id },
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
@ -48,19 +48,19 @@ export class AppComponent {
|
||||
const panel2 = api.addPanel({
|
||||
id: 'panel_2',
|
||||
component: 'default',
|
||||
position: { referencePanel: panel1, direction: 'right' },
|
||||
position: { referencePanel: panel1.id, direction: 'right' },
|
||||
});
|
||||
|
||||
api.addPanel({
|
||||
id: 'panel_3',
|
||||
component: 'default',
|
||||
position: { referencePanel: panel1, direction: 'below' },
|
||||
position: { referencePanel: panel1.id, direction: 'below' },
|
||||
});
|
||||
|
||||
api.addPanel({
|
||||
id: 'panel_4',
|
||||
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({
|
||||
id: 'panel_2',
|
||||
component: 'default',
|
||||
position: { referencePanel: panel1, direction: 'right' },
|
||||
position: { referencePanel: panel1.id, direction: 'right' },
|
||||
});
|
||||
|
||||
api.addPanel({
|
||||
id: 'panel_3',
|
||||
component: 'default',
|
||||
position: { referencePanel: panel1, direction: 'below' },
|
||||
position: { referencePanel: panel1.id, direction: 'below' },
|
||||
});
|
||||
|
||||
api.addPanel({
|
||||
id: 'panel_4',
|
||||
component: 'default',
|
||||
position: { referencePanel: panel2, direction: 'below' },
|
||||
position: { referencePanel: panel2.id, direction: 'below' },
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user