| | |
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
| | | import legacyStyle from "./styles/legacyToc.scss" |
| | | import modernStyle from "./styles/toc.scss" |
| | | import { classNames } from "../util/lang" |
| | | |
| | | // @ts-ignore |
| | | import script from "./scripts/toc.inline" |
| | |
| | | } |
| | | |
| | | return ( |
| | | <div class={`toc ${displayClass}`}> |
| | | <button type="button" id="toc"> |
| | | <div class={classNames(displayClass, "toc")}> |
| | | <button type="button" id="toc" class={fileData.collapseToc ? "collapsed" : ""}> |
| | | <h3>Table of Contents</h3> |
| | | <svg |
| | | xmlns="http://www.w3.org/2000/svg" |
| | |
| | | } |
| | | |
| | | return ( |
| | | <details id="toc" open> |
| | | <details id="toc" open={!fileData.collapseToc}> |
| | | <summary> |
| | | <h3>Table of Contents</h3> |
| | | </summary> |