Component

Typography

display/heading/title/subtitle/body/bodySm/caption, each with a default tag overridable via `as`.

Scale

Display

Heading

Title

Subtitle

Body

Body small

Caption

Each scale has a semantic default tag - heading renders an <h2>, body a <p>
Pass as to change the rendered tag without changing the scale

Override the tag with as

scale controls size/weight/role; as changes the rendered element independently.

Renders as a <div> with title styling

API reference

Prop	Type	Default	Description
as	keyof react_jsx_runtime.JSX.IntrinsicElements	None	The element to render. Each scale has a semantic default (`heading` is `<h2>`, `body` `<p>`); set this when the document outline needs a different tag than the size implies.
scale	"title" \| "body" \| "caption" \| "heading" \| "display" \| "subtitle" \| "bodySm"	"body"	Type scale step. Sets the size and weight; pass `as` to change the element.

asNone

keyof react_jsx_runtime.JSX.IntrinsicElements

The element to render. Each scale has a semantic default (`heading` is `<h2>`, `body` `<p>`); set this when the document outline needs a different tag than the size implies.

scale"body"

Type scale step. Sets the size and weight; pass `as` to change the element.

Also accepts everything from React.HTMLAttributes<HTMLElement>.

Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent