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" />
| Prop | Type | Default |
|---|---|---|
html | string | — |
children | ReactNode | — |
fontSize | string | "14px" |
color | string | "#000000" |
textAlign | "left" | "center" | "right" | "justify" | "left" |
lineHeight | string | "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.