Data display

Typography

Themed typography system for prose containers and individual lead, muted, code, quote, and truncate text.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjTypographyDocs } from '@kouji-ui/components';
04

Playground

#playground

kouji typography

Drop the .kj-prose container around any flow content and every descendant heading, paragraph, list, and inline element is restyled by the kouji type system.

sample
truncate lines
<article class="kj-prose">
  <h1>kouji typography</h1>
  <p>Drop <code>.kj-prose</code> around flow content to apply the type system.</p>
</article>