Open the Timvir Template in CodeSandbox and start editing right away! This is the quickest way to discover what Timvir is and what you can do with it.
If you have an existing project and want to add Timvir to it, follow one these guides which are specific to the framework which you use:
Timvir assumes a very specific setup of your Next.js project. In particular:
src/
folder, and consequently, pages are placed in src/pages/
.src/components/
.src/pages/docs/components/
folder.src/timvir/
(eg. src/timvir/toc.ts
).If you Next.js project has a compatible setup, follow these steps:
src/timvir/wrapper.tsx
:
_app.tsx
file to load the Timvir CSS:
src/pages/docs/index.mdx
: