| | |
| | | |
| | | return ( |
| | | <div class={classNames(displayClass, "toc")}> |
| | | <button type="button" id="toc" class={fileData.collapseToc ? "collapsed" : ""}> |
| | | <button |
| | | type="button" |
| | | id="toc" |
| | | class={fileData.collapseToc ? "collapsed" : ""} |
| | | aria-controls="toc-content" |
| | | aria-expanded={!fileData.collapseToc} |
| | | > |
| | | <h3>{i18n(cfg.locale).components.tableOfContents.title}</h3> |
| | | <svg |
| | | xmlns="http://www.w3.org/2000/svg" |
| | |
| | | <polyline points="6 9 12 15 18 9"></polyline> |
| | | </svg> |
| | | </button> |
| | | <div id="toc-content"> |
| | | <div id="toc-content" class={fileData.collapseToc ? "collapsed" : ""}> |
| | | <ul class="overflow"> |
| | | {fileData.toc.map((tocEntry) => ( |
| | | <li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}> |