Layout
A page of the site: the menu down the side, with the sections of the page being read, and the page.
import { DocsPage, hrefFor, Menu, PageToc, SiteLinks } from "#codebase/tcmts/site"; import type { Page } from "#codebase/tcmts/site"; export function Layout({ pages, here }: { pages: Page[]; here: string }) { return ( <div className="site"> <nav className="side" aria-label="pages"> <a className="home" href={hrefFor("index.html", true)}> tcm-ts.txt </a> <SiteLinks /> <div className="rule" aria-hidden="true" /> <Menu pages={pages} here={here} toc={<PageToc file={here} />} /> </nav> <DocsPage file={here} /> </div> ); }
uses
- tcmts.site.DocsPage
- tcmts.site.Menu
- tcmts.site.Page
- tcmts.site.PageToc
- tcmts.site.SiteLinks
- tcmts.site.hrefFor