perf/modules/commit-detail-panel-sk/commit-detail-panel-sk-demo.html

<!DOCTYPE html>
<html>
  <head>
    <title>commit-detail-panel-sk</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style type="text/css" media="screen">
      commit-detail-panel-sk {
        margin: 2em;
        display: block;
      }
    </style>
  </head>

  <body class="body-sk font-sk">
    <h1>Commits</h1>

    <h2>Unselectable</h2>
    <commit-detail-panel-sk></commit-detail-panel-sk>

    <h2>Selectable</h2>
    <commit-detail-panel-sk selectable></commit-detail-panel-sk>

    <section class="body-sk font-sk">
      <h2>Selectable Light Theme</h2>
      <commit-detail-panel-sk selectable></commit-detail-panel-sk>
    </section>

    <section class="body-sk font-sk darkmode">
      <h2>Selectable Dark Theme</h2>
      <commit-detail-panel-sk selectable></commit-detail-panel-sk>
    </section>

    <div>
      Event:
      <pre id="evt"></pre>
    </div>
  </body>
</html>