chakra-prose

A prose component for Chakra UI

This library is a modified version of chakra-ui-prose.

Usage

yarn

yarn add @iwatakeshi/chakra-prose

npm

npm add @iwatakeshi/chakra-prose

Add prose to your theme configuration:

import { withProse } from "@iwatakeshi/chakra-prose";
import { extendTheme } from "@charka-ui/react";

const theme = extendTheme({}, withProse());

// ...

Use the component:

import { Prose } from "@iwatakeshi/chakra-prose";
function Example() {
  return (
    <Prose variant="short">
      <h1>Hello world</h1>
    </Prose>
  );
}