Sidebar panel

1
<Canvas ctx={ctx}>
2
  <div style={{ display: 'flex' }}>
3
    <div
4
      style={{
5
        width: '300px',
6
        borderRight: '1px solid var(--color--border)',
7
      }}
8
    >
9
      <SidebarPanel title="Default">Content</SidebarPanel>
10
      <SidebarPanel title="Start open" startOpen>
11
        Content
12
      </SidebarPanel>
13
      <SidebarPanel title="Content with no padding" noPadding>
14
        Content
15
      </SidebarPanel>
16
    </div>
17
    <div
18
      style={{
19
        flex: '1',
20
        display: 'flex',
21
        justifyContent: 'center',
22
        alignItems: 'center',
23
        background: 'var(--color--surface-muted)',
24
      }}
25
    >
26
      Main content
27
    </div>
28
  </div>
29
</Canvas>