HTML elements — component reference

The native HTML elements an html page source may use, and the props each accepts.

These are the safe native HTML elements of the public tier. Each renders as the element of the same name and takes few props beyond className and its children.

This page is generated from the repo-root sdui.manifest.json, the component manifest CI regenerates from the renderer registry. Regenerate it with node scripts/gen-sdui-reference.mjs; node scripts/gen-sdui-reference.mjs --check fails when it is stale.

`a`

Namespace ui · tier html.

Input	Type	Description
`className`	`string`	—
`href`	`string`	—
`target`	`string`	—
`rel`	`string`	—
`title`	`string`	—
`children`	`slot`	—

`abbr`

Namespace ui · tier html.

Input	Type	Description
`className`	`string`	—
`title`	`string`	—
`children`	`slot`	—

`address`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`article`

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`aside`

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`b`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`blockquote`

Namespace ui · tier html.

Input	Type	Description
`className`	`string`	—
`cite`	`string`	—
`children`	`slot`	—

`br`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—

`cite`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`code`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`dd`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`del`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`dl`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`dt`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`em`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`figcaption`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`figure`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`h1`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`h2`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`h3`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`h4`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`h5`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`h6`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`hr`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—

`i`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`img`

Namespace ui · tier html.

Input	Type	Description
`className`	`string`	—
`src`	`string`	—
`alt`	`string`	—
`width`	`number`	—
`height`	`number`	—
`title`	`string`	—

`ins`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`label`

Namespace ui · tier html.

Input	Type	Required	Description
`text`	`string`	yes	—
`className`	`string`		—

`li`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`main`

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`mark`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`nav`

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`ol`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`p`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`pre`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`q`

Namespace ui · tier html.

Input	Type	Description
`className`	`string`	—
`cite`	`string`	—
`children`	`slot`	—

`section`

Namespace ui · tier html · a container: it takes child components.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`small`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`span`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		Inline content, rendered ahead of `value`

`strong`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`sub`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`sup`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`table`

Namespace ui · tier html.

Input	Type	Description
`caption`	`string`	—
`footer`	`string`	—
`columns`	`array`	Array of { header, accessorKey, className, cellClassName, width }
`data`	`array`	Array of objects
`className`	`string`	—

`time`

Namespace ui · tier html.

Input	Type	Description
`className`	`string`	—
`dateTime`	`string`	—
`children`	`slot`	—

`u`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

`ul`

Namespace ui · tier html.

Input	Type	Required	Description
`className`	`string`		—
`children`	`slot`		—

HTML elements — component reference

On this page