next.js/examples/with-next-ui/components/Collapse.tsx

import { Collapse, Text } from "@nextui-org/react";

const CustomCollapse = () => {
  return (
    <Collapse.Group>
      <Collapse title="Option A">
        <Text>
          I have had my invitation to this world's festival, and thus my life
          has been blessed.
        </Text>
      </Collapse>
      <Collapse title="Option B">
        <Text>
          In the meanwhile I smile and I sing all alone. In the meanwhile the
          air is filling with the perfume of promise.
        </Text>
      </Collapse>
      <Collapse title="Option C">
        <Text>
          I came out on the chariot of the first gleam of light, and pursued my
          voyage through the wildernesses of worlds leaving my track on many a
          star and planet.
        </Text>
      </Collapse>
    </Collapse.Group>
  );
};

export default CustomCollapse;