Components overview

With Prose UI, we aimed to follow the default GitHub Flavored Markdown syntax as closely as possible and avoid introducing new syntax for unsupported features.

Instead of creating custom syntax, we provide React components that you can use within your MDX code to add functionality not natively supported by Markdown.

For example, to add an image caption and center an image, you can use the Frame and Image React components we provide:

<Frame align="center" caption="Center aligned image">
   <Image src="/img/image.png" alt="Abstract art"/>
</Frame>

Check out the following resources to get started with Prose UI typography and components: