The Rich Text component applies the HIG typography styles to whatever is passed to it, whether that be React children or regular HTML. This is particularly useful for styling markdown content.
Read more about when and how to use the Typography components on the HIG website.
yarn add @hig/rich-text @hig/theme-context @hig/theme-data
import RichText from '@hig/rich-text';
import "@hig/fonts/build/ArtifaktElement.css";
<RichText>
<h1>Make Your Rich Text Richer</h1>
<p>All you need to do is wrap it in a <code>{`<RichText />`}</code> component.</p>
</RichText>