Collapsible

  import React from 'react';
  import { Collapsible } from "~/ui/components/Collapsible"

  export default function App() {
    return (
      <div style={styles.container}>
        <p>Collapsible Example</p>
        <Collapsible summary={<><h4>Props table</h4>Description of props in a collapsible table view</>}>
        | Option                  | Description                         |
        | ----------------------- | ------------------------------------|
        | `example prop A`        | Description about how to use prop A |
        | `example prop B`        | Description about how to use prop B |
        | `example prop C`        | Description about how to use prop C |

        </Collapsible>
      </div>
    );
  }