Skip to content


Use this component to exclude a heading from the page-level TOC and stylize the heading with an accent color.

To use it, your docs page must be in .mdx format. Please change the format from .md to .mdx if necessary. All your existing markdown will still be supported without issue.


Import the StylishHeader component like so:

import { StylishHeader } from "@interledger/docs-design-system";

Use the <StylishHeader> component within your content like so:

<StylishHeader>Wow I'm a stylish header</StylishHeader>

Working example

Boring headingStylish heading

I’m so basic

Wow I’m a stylish heading