JSFiddle - React, Tailwind, and code Playground

HTML

<details>
  <summary>System Information</summary>
  <p>
    macOS Catalina
  </p>
</details>

CSS

details summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

details summary::before {
  content: ">";
  display: inline-block;
  transition: transform 0.5s ease;
  width: 1em;
  vertical-align: baseline;
  text-align: center;
}

details[open] summary::before {
  transform: rotate(90deg);
}