Panel

Props

Name	Type	Default	Description
`heading`	`React.ReactNode`		The heading content is visible both when the panel is opened and closed.

Usages


<Box bg='statuses.warning.2'>
  <PanelAccordion
    heading={
      <Heading variant='delta'>
        Lorem ipsum dolor sit amet
      </Heading>
    }
  >
    <Text>
      Libero, id feugiat tempus, purus ipsum. Mattis eget at massa diam magna. Praesent commodo posuere maecenas arcu tempor elit habitant cras.
    </Text>
    <Text>
      Libero, id feugiat tempus, purus ipsum. Mattis eget at massa diam magna. Praesent commodo posuere maecenas arcu tempor elit habitant cras.
    </Text>
  </PanelAccordion>
</Box><Box bg='statuses.warning.2'>
  <PanelAccordion
    heading={
      <Heading variant='delta'>
        Lorem ipsum dolor sit amet
      </Heading>
    }
  >
    <Text>
      Libero, id feugiat tempus, purus ipsum. Mattis eget at massa diam magna. Praesent commodo posuere maecenas arcu tempor elit habitant cras.
    </Text>
    <Text>
      Libero, id feugiat tempus, purus ipsum. Mattis eget at massa diam magna. Praesent commodo posuere maecenas arcu tempor elit habitant cras.
    </Text>
  </PanelAccordion>
</Box>