TSX Docs

We provide components to get you going fast when documenting your components or libraries. These are built to look great and they're easily customisible - they're styled-components after all.


Use the <Link> component to route to your pages.

It's the same as Next.js Link, read more in the docs.

		<Link href="/test-page" prefetch>
			<a>Test Page</a>


The <Lead> component helps text standout. It's especially useful for introductions to pages.

The quick brown fox jumps over the lazy dog

<Lead>The quick brown fox jumps over the lazy dog</Lead>


Use the <CodeHighlight> component to err... highlight code!

		import React from 'react'

		const Component = () => <p>Content</p>

		export default Component

The language prop supports javascript, typescript, JSX, TSX, bash, json.

Core Components

TSX Docs exports the following core components:

  • <App>
  • <Document>
  • <Error>

These components are there to give you an instant layer of styling and functionality so you don't have to worry about them unless you want to customise the shell of the pages.