Skip to main content

Paragraph

Content via children (rich React) or the html prop (rich HTML string):

TSX
// children — supports rich React
<Paragraph fontSize="14px">
Hello <strong>world</strong>
</Paragraph>
TSX
// html prop — inline tags only: <b>, <i>, <u>, <s>, <a>, <code>
<Paragraph html="Hello <b>bold</b> and <a href='#'>link</a>" fontSize="14px" />
PropTypeDefault
htmlstring
childrenReactNode
fontSizestring"14px"
colorstring"#000000"
textAlign"left" | "center" | "right" | "justify""left"
lineHeightstring"140%"
fontFamily{ label: string, value: string }

Some internal source examples write <Paragraph text="..." /> for parity with <Heading> and <Button>. That form is accepted at runtime (the value is converted to textJson), but ParagraphProps doesn't include text, so TypeScript will reject it. Use html or children.