Markdown

Markdown renderer with streaming support.

import { Markdown } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

Prop	Type	Default	Description
`content` *	`string`	—	Markdown content string to render
`streaming`	`boolean`	—	Whether content is still streaming (shows cursor)
`components`	`Partial<MarkdownComponents>`	—	Custom component overrides
`class`	`string`	—	Additional CSS class
`style`	`JSX.CSSProperties`	—	Additional inline styles
`justify`	`boolean`	—	Apply Knuth-Plass optimal line breaking to paragraph and list-item elements. Requires `text-align: justify` to be set on the container for the inter-word spacing to be visible. Off by default to keep the line-breaking engine out of the bundle when unused.

* required prop.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.