1
<Canvas ctx={ctx}>
2
  <Section title="Section title">
3
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
4
    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
5
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
6
    aliquip ex ea commodo consequat.
7
  </Section>
8
</Canvas>

1
<Canvas ctx={ctx}>
2
  <Section title="Section title" highlighted>
3
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
4
    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
5
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
6
    aliquip ex ea commodo consequat.
7
  </Section>
8
</Canvas>

1
<Canvas ctx={ctx}>
2
  <StateManager initial={true}>
3
    {(isOpen, setOpen) => (
4
      <Section
5
        title="Section title"
6
        collapsible={{ isOpen, onToggle: () => setOpen((v) => !v) }}
7
      >
8
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
9
        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
10
        enim ad minim veniam, quis nostrud exercitation ullamco laboris
11
        nisi ut aliquip ex ea commodo consequat.
12
      </Section>
13
    )}
14
  </StateManager>
15
</Canvas>