Components
Loading preview...
HeroUI v3 Typography — heading and body type scale, primitives (Heading/Paragraph/Code), Prose for rich text, and the render-prop polymorphic API.
npx shadcn@latest add https://21st.dev/r/hero_ui/heroui-typographyimport { Typography } from "@/components/ui/heroui-typography"
export const Prose = () => {
return (
<Typography.Prose className="flex max-w-xl flex-col gap-3">
<h1>Prose title</h1>
<p>
Prose is for authored content where the markup is already semantic and HeroUI applies the
default typography rhythm.
</p>
<h2>Section title</h2>
<p>
Inline code like <code>render</code> receives the same code treatment as the Typography
primitive.
</p>
</Typography.Prose>
)
}
export default Prose