This package is created for people who using Chakra-UI's's CSSReset component and react-markdown together.
CSSReset component is turning down every default style of elements that provided by browser. HTML elements like h1, h2, h3... aren't get default styles but Markdown need them for rendering purposes. This package is solving the problem by changing renderer defaults with chakra-ui's components.
For example, when you want to render level 2 heading component, it is rendering: <Heading as="h2" size="xl">Your Header Title</Heading>
.
$ yarn add @chakra-ui/core
# or
$ npm install --save @chakra-ui/core
import ChakraUIRenderer from "chakra-ui-markdown-renderer";
<ReactMarkdown
renderers={ChakraUIRenderer()}
source={markdown}
escapeHtml={false}
/>;