Skip to main content

h

Callable

  • h<K>(type: K, props?: DomIntrinsicElements[K], children?: Children): Template
  • h<T>(...args: [type: new () => T, ...({} extends JsxProps<T> ? [props?: JsxProps<T>] : [props: JsxProps<T>])[], children?: Children]): Template
  • h<P>(...args: [type: FunctionalComponent<P>, ...({} extends P ? [props?: P] : [props: P])[], ...(P extends { children?: unknown } ? undefined extends P<P>[children] ? [children?: P<P>[children]] : [children: P<P>[children]] : [])[]]): Template

  • Shorthand for createElement with convenience methods for intrinsic elements.

    @example
    render() {
      return h.div({ id: "app" }, [
        h.h1({}, "Hello, World!"),
      ]);
    }

    Type parameters

    • K: string

Index

Properties

Properties

a

a: (props?: HtmlProps<HTMLAnchorElement> & DomEventProps<HTMLAnchorElement>, children?: Children) => Template

abbr

abbr: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

address

address: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

animate

animate: (props?: SvgProps<SVGAnimateElement> & DomEventProps<SVGAnimateElement>, children?: Children) => Template

animateTransform

animateTransform: (props?: SvgProps<SVGAnimateElement> & DomEventProps<SVGAnimateElement>, children?: Children) => Template

area

area: (props?: HtmlProps<HTMLAreaElement> & DomEventProps<HTMLAreaElement>, children?: Children) => Template

article

article: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

aside

aside: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

audio

audio: (props?: HtmlProps<HTMLAudioElement> & DomEventProps<HTMLAudioElement>, children?: Children) => Template

b

b: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

base

base: (props?: HtmlProps<HTMLBaseElement> & DomEventProps<HTMLBaseElement>, children?: Children) => Template

bdi

bdi: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

bdo

bdo: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

big

big: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

blockquote

blockquote: (props?: HtmlProps<HTMLQuoteElement> & DomEventProps<HTMLQuoteElement>, children?: Children) => Template

body

body: (props?: HtmlProps<HTMLBodyElement> & DomEventProps<HTMLBodyElement>, children?: Children) => Template

br

br: (props?: HtmlProps<HTMLBRElement> & DomEventProps<HTMLBRElement>, children?: Children) => Template

button

button: (props?: HtmlProps<HTMLButtonElement> & DomEventProps<HTMLButtonElement>, children?: Children) => Template

canvas

canvas: (props?: HtmlProps<HTMLCanvasElement> & DomEventProps<HTMLCanvasElement>, children?: Children) => Template

caption

caption: (props?: HtmlProps<HTMLTableCaptionElement> & DomEventProps<HTMLTableCaptionElement>, children?: Children) => Template

circle

circle: (props?: SvgProps<SVGCircleElement> & DomEventProps<SVGCircleElement>, children?: Children) => Template

cite

cite: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

clipPath

clipPath: (props?: SvgProps<SVGClipPathElement> & DomEventProps<SVGClipPathElement>, children?: Children) => Template

code

code: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

col

col: (props?: HtmlProps<HTMLTableColElement> & DomEventProps<HTMLTableColElement>, children?: Children) => Template

colgroup

colgroup: (props?: HtmlProps<HTMLTableColElement> & DomEventProps<HTMLTableColElement>, children?: Children) => Template

data

data: (props?: HtmlProps<HTMLDataElement> & DomEventProps<HTMLDataElement>, children?: Children) => Template

datalist

datalist: (props?: HtmlProps<HTMLDataListElement> & DomEventProps<HTMLDataListElement>, children?: Children) => Template

dd

dd: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

defs

defs: (props?: SvgProps<SVGDefsElement> & DomEventProps<SVGDefsElement>, children?: Children) => Template

del

del: (props?: HtmlProps<HTMLModElement> & DomEventProps<HTMLModElement>, children?: Children) => Template

desc

desc: (props?: SvgProps<SVGDescElement> & DomEventProps<SVGDescElement>, children?: Children) => Template

details

details: (props?: HtmlProps<HTMLDetailsElement> & DomEventProps<HTMLDetailsElement>, children?: Children) => Template

dfn

dfn: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

dialog

dialog: (props?: HtmlProps<HTMLDialogElement> & DomEventProps<HTMLDialogElement>, children?: Children) => Template

div

div: (props?: HtmlProps<HTMLDivElement> & DomEventProps<HTMLDivElement>, children?: Children) => Template

dl

dl: (props?: HtmlProps<HTMLDListElement> & DomEventProps<HTMLDListElement>, children?: Children) => Template

dt

dt: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

ellipse

ellipse: (props?: SvgProps<SVGEllipseElement> & DomEventProps<SVGEllipseElement>, children?: Children) => Template

em

em: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

embed

embed: (props?: HtmlProps<HTMLEmbedElement> & DomEventProps<HTMLEmbedElement>, children?: Children) => Template

feBlend

feBlend: (props?: SvgProps<SVGFEBlendElement> & DomEventProps<SVGFEBlendElement>, children?: Children) => Template

feColorMatrix

feColorMatrix: (props?: SvgProps<SVGFEColorMatrixElement> & DomEventProps<SVGFEColorMatrixElement>, children?: Children) => Template

feComponentTransfer

feComponentTransfer: (props?: SvgProps<SVGFEComponentTransferElement> & DomEventProps<SVGFEComponentTransferElement>, children?: Children) => Template

feComposite

feComposite: (props?: SvgProps<SVGFECompositeElement> & DomEventProps<SVGFECompositeElement>, children?: Children) => Template

feConvolveMatrix

feConvolveMatrix: (props?: SvgProps<SVGFEConvolveMatrixElement> & DomEventProps<SVGFEConvolveMatrixElement>, children?: Children) => Template

feDiffuseLighting

feDiffuseLighting: (props?: SvgProps<SVGFEDiffuseLightingElement> & DomEventProps<SVGFEDiffuseLightingElement>, children?: Children) => Template

feDisplacementMap

feDisplacementMap: (props?: SvgProps<SVGFEDisplacementMapElement> & DomEventProps<SVGFEDisplacementMapElement>, children?: Children) => Template

feDropShadow

feDropShadow: (props?: SvgProps<SVGFEDropShadowElement> & DomEventProps<SVGFEDropShadowElement>, children?: Children) => Template

feFlood

feFlood: (props?: SvgProps<SVGFEFloodElement> & DomEventProps<SVGFEFloodElement>, children?: Children) => Template

feFuncA

feFuncA: (props?: SvgProps<SVGFEFuncAElement> & DomEventProps<SVGFEFuncAElement>, children?: Children) => Template

feFuncB

feFuncB: (props?: SvgProps<SVGFEFuncBElement> & DomEventProps<SVGFEFuncBElement>, children?: Children) => Template

feFuncG

feFuncG: (props?: SvgProps<SVGFEFuncGElement> & DomEventProps<SVGFEFuncGElement>, children?: Children) => Template

feFuncR

feFuncR: (props?: SvgProps<SVGFEFuncRElement> & DomEventProps<SVGFEFuncRElement>, children?: Children) => Template

feGaussianBlur

feGaussianBlur: (props?: SvgProps<SVGFEGaussianBlurElement> & DomEventProps<SVGFEGaussianBlurElement>, children?: Children) => Template

feImage

feImage: (props?: SvgProps<SVGFEImageElement> & DomEventProps<SVGFEImageElement>, children?: Children) => Template

feMerge

feMerge: (props?: SvgProps<SVGFEMergeElement> & DomEventProps<SVGFEMergeElement>, children?: Children) => Template

feMergeNode

feMergeNode: (props?: SvgProps<SVGFEMergeNodeElement> & DomEventProps<SVGFEMergeNodeElement>, children?: Children) => Template

feMorphology

feMorphology: (props?: SvgProps<SVGFEMorphologyElement> & DomEventProps<SVGFEMorphologyElement>, children?: Children) => Template

feOffset

feOffset: (props?: SvgProps<SVGFEOffsetElement> & DomEventProps<SVGFEOffsetElement>, children?: Children) => Template

feSpecularLighting

feSpecularLighting: (props?: SvgProps<SVGFESpecularLightingElement> & DomEventProps<SVGFESpecularLightingElement>, children?: Children) => Template

feTile

feTile: (props?: SvgProps<SVGFETileElement> & DomEventProps<SVGFETileElement>, children?: Children) => Template

feTurbulence

feTurbulence: (props?: SvgProps<SVGFETurbulenceElement> & DomEventProps<SVGFETurbulenceElement>, children?: Children) => Template

fieldset

fieldset: (props?: HtmlProps<HTMLFieldSetElement> & DomEventProps<HTMLFieldSetElement>, children?: Children) => Template

figcaption

figcaption: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

figure

figure: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

filter

filter: (props?: SvgProps<SVGFilterElement> & DomEventProps<SVGFilterElement>, children?: Children) => Template

footer

footer: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

foreignObject

foreignObject: (props?: SvgProps<SVGForeignObjectElement> & DomEventProps<SVGForeignObjectElement>, children?: Children) => Template

form

form: (props?: HtmlProps<HTMLFormElement> & DomEventProps<HTMLFormElement>, children?: Children) => Template

g

g: (props?: SvgProps<SVGGElement> & DomEventProps<SVGGElement>, children?: Children) => Template

h1

h1: (props?: HtmlProps<HTMLHeadingElement> & DomEventProps<HTMLHeadingElement>, children?: Children) => Template

h2

h2: (props?: HtmlProps<HTMLHeadingElement> & DomEventProps<HTMLHeadingElement>, children?: Children) => Template

h3

h3: (props?: HtmlProps<HTMLHeadingElement> & DomEventProps<HTMLHeadingElement>, children?: Children) => Template

h4

h4: (props?: HtmlProps<HTMLHeadingElement> & DomEventProps<HTMLHeadingElement>, children?: Children) => Template

h5

h5: (props?: HtmlProps<HTMLHeadingElement> & DomEventProps<HTMLHeadingElement>, children?: Children) => Template

h6

h6: (props?: HtmlProps<HTMLHeadingElement> & DomEventProps<HTMLHeadingElement>, children?: Children) => Template

head

head: (props?: HtmlProps<HTMLHeadElement> & DomEventProps<HTMLHeadElement>, children?: Children) => Template

header

header: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

hgroup

hgroup: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

hr

hr: (props?: HtmlProps<HTMLHRElement> & DomEventProps<HTMLHRElement>, children?: Children) => Template

html

html: (props?: HtmlProps<HTMLHtmlElement> & DomEventProps<HTMLHtmlElement>, children?: Children) => Template

i

i: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

iframe

iframe: (props?: HtmlProps<HTMLIFrameElement> & DomEventProps<HTMLIFrameElement>, children?: Children) => Template

image

image: (props?: SvgProps<SVGImageElement> & DomEventProps<SVGImageElement>, children?: Children) => Template

img

img: (props?: HtmlProps<HTMLImageElement> & DomEventProps<HTMLImageElement>, children?: Children) => Template

input

input: (props?: HtmlProps<HTMLInputElement> & DomEventProps<HTMLInputElement>, children?: Children) => Template

ins

ins: (props?: HtmlProps<HTMLModElement> & DomEventProps<HTMLModElement>, children?: Children) => Template

kbd

kbd: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

keygen

keygen: (props?: HtmlProps<HTMLUnknownElement> & DomEventProps<HTMLUnknownElement>, children?: Children) => Template

label

label: (props?: HtmlProps<HTMLLabelElement> & DomEventProps<HTMLLabelElement>, children?: Children) => Template

legend

legend: (props?: HtmlProps<HTMLLegendElement> & DomEventProps<HTMLLegendElement>, children?: Children) => Template

li

li: (props?: HtmlProps<HTMLLIElement> & DomEventProps<HTMLLIElement>, children?: Children) => Template

line

line: (props?: SvgProps<SVGLineElement> & DomEventProps<SVGLineElement>, children?: Children) => Template

linearGradient

linearGradient: (props?: SvgProps<SVGLinearGradientElement> & DomEventProps<SVGLinearGradientElement>, children?: Children) => Template

link

link: (props?: HtmlProps<HTMLLinkElement> & DomEventProps<HTMLLinkElement>, children?: Children) => Template

main

main: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

map

map: (props?: HtmlProps<HTMLMapElement> & DomEventProps<HTMLMapElement>, children?: Children) => Template

mark

mark: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

marker

marker: (props?: SvgProps<SVGMarkerElement> & DomEventProps<SVGMarkerElement>, children?: Children) => Template

marquee

marquee: (props?: HtmlProps<HTMLMarqueeElement> & DomEventProps<HTMLMarqueeElement>, children?: Children) => Template

mask

mask: (props?: SvgProps<SVGMaskElement> & DomEventProps<SVGMaskElement>, children?: Children) => Template

menu

menu: (props?: HtmlProps<HTMLMenuElement> & DomEventProps<HTMLMenuElement>, children?: Children) => Template

menuitem

menuitem: (props?: HtmlProps<HTMLUnknownElement> & DomEventProps<HTMLUnknownElement>, children?: Children) => Template

meta

meta: (props?: HtmlProps<HTMLMetaElement> & DomEventProps<HTMLMetaElement>, children?: Children) => Template

meter

meter: (props?: HtmlProps<HTMLMeterElement> & DomEventProps<HTMLMeterElement>, children?: Children) => Template

nav

nav: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

noscript

noscript: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

object

object: (props?: HtmlProps<HTMLObjectElement> & DomEventProps<HTMLObjectElement>, children?: Children) => Template

ol

ol: (props?: HtmlProps<HTMLOListElement> & DomEventProps<HTMLOListElement>, children?: Children) => Template

optgroup

optgroup: (props?: HtmlProps<HTMLOptGroupElement> & DomEventProps<HTMLOptGroupElement>, children?: Children) => Template

option

option: (props?: HtmlProps<HTMLOptionElement> & DomEventProps<HTMLOptionElement>, children?: Children) => Template

output

output: (props?: HtmlProps<HTMLOutputElement> & DomEventProps<HTMLOutputElement>, children?: Children) => Template

p

p: (props?: HtmlProps<HTMLParagraphElement> & DomEventProps<HTMLParagraphElement>, children?: Children) => Template

param

param: (props?: HtmlProps<HTMLParamElement> & DomEventProps<HTMLParamElement>, children?: Children) => Template

path

path: (props?: SvgProps<SVGPathElement> & DomEventProps<SVGPathElement>, children?: Children) => Template

pattern

pattern: (props?: SvgProps<SVGPatternElement> & DomEventProps<SVGPatternElement>, children?: Children) => Template

picture

picture: (props?: HtmlProps<HTMLPictureElement> & DomEventProps<HTMLPictureElement>, children?: Children) => Template

polygon

polygon: (props?: SvgProps<SVGPolygonElement> & DomEventProps<SVGPolygonElement>, children?: Children) => Template

polyline

polyline: (props?: SvgProps<SVGPolylineElement> & DomEventProps<SVGPolylineElement>, children?: Children) => Template

pre

pre: (props?: HtmlProps<HTMLPreElement> & DomEventProps<HTMLPreElement>, children?: Children) => Template

progress

progress: (props?: HtmlProps<HTMLProgressElement> & DomEventProps<HTMLProgressElement>, children?: Children) => Template

q

q: (props?: HtmlProps<HTMLQuoteElement> & DomEventProps<HTMLQuoteElement>, children?: Children) => Template

radialGradient

radialGradient: (props?: SvgProps<SVGRadialGradientElement> & DomEventProps<SVGRadialGradientElement>, children?: Children) => Template

rect

rect: (props?: SvgProps<SVGRectElement> & DomEventProps<SVGRectElement>, children?: Children) => Template

rp

rp: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

rt

rt: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

ruby

ruby: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

s

s: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

samp

samp: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

script

script: (props?: HtmlProps<HTMLScriptElement> & DomEventProps<HTMLScriptElement>, children?: Children) => Template

section

section: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

select

select: (props?: HtmlProps<HTMLSelectElement> & DomEventProps<HTMLSelectElement>, children?: Children) => Template

slot

slot: (props?: HtmlProps<HTMLSlotElement> & DomEventProps<HTMLSlotElement>, children?: Children) => Template

small

small: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

source

source: (props?: HtmlProps<HTMLSourceElement> & DomEventProps<HTMLSourceElement>, children?: Children) => Template

span

span: (props?: HtmlProps<HTMLSpanElement> & DomEventProps<HTMLSpanElement>, children?: Children) => Template

stop

stop: (props?: SvgProps<SVGStopElement> & DomEventProps<SVGStopElement>, children?: Children) => Template

strong

strong: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

style

style: (props?: HtmlProps<HTMLStyleElement> & DomEventProps<HTMLStyleElement>, children?: Children) => Template

sub

sub: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

summary

summary: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

sup

sup: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

svg

svg: (props?: SvgProps<SVGSVGElement> & DomEventProps<SVGSVGElement>, children?: Children) => Template

symbol

symbol: (props?: SvgProps<SVGSymbolElement> & DomEventProps<SVGSymbolElement>, children?: Children) => Template

table

table: (props?: HtmlProps<HTMLTableElement> & DomEventProps<HTMLTableElement>, children?: Children) => Template

tbody

tbody: (props?: HtmlProps<HTMLTableSectionElement> & DomEventProps<HTMLTableSectionElement>, children?: Children) => Template

td

td: (props?: HtmlProps<HTMLTableCellElement> & DomEventProps<HTMLTableCellElement>, children?: Children) => Template

text

text: (props?: SvgProps<SVGTextElement> & DomEventProps<SVGTextElement>, children?: Children) => Template

textPath

textPath: (props?: SvgProps<SVGTextPathElement> & DomEventProps<SVGTextPathElement>, children?: Children) => Template

textarea

textarea: (props?: HtmlProps<HTMLTextAreaElement> & DomEventProps<HTMLTextAreaElement>, children?: Children) => Template

tfoot

tfoot: (props?: HtmlProps<HTMLTableSectionElement> & DomEventProps<HTMLTableSectionElement>, children?: Children) => Template

th

th: (props?: HtmlProps<HTMLTableCellElement> & DomEventProps<HTMLTableCellElement>, children?: Children) => Template

thead

thead: (props?: HtmlProps<HTMLTableSectionElement> & DomEventProps<HTMLTableSectionElement>, children?: Children) => Template

time

time: (props?: HtmlProps<HTMLTimeElement> & DomEventProps<HTMLTimeElement>, children?: Children) => Template

title

title: (props?: HtmlProps<HTMLTitleElement> & DomEventProps<HTMLTitleElement>, children?: Children) => Template

tr

tr: (props?: HtmlProps<HTMLTableRowElement> & DomEventProps<HTMLTableRowElement>, children?: Children) => Template

track

track: (props?: HtmlProps<HTMLTrackElement> & DomEventProps<HTMLTrackElement>, children?: Children) => Template

tspan

tspan: (props?: SvgProps<SVGTSpanElement> & DomEventProps<SVGTSpanElement>, children?: Children) => Template

u

u: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

ul

ul: (props?: HtmlProps<HTMLUListElement> & DomEventProps<HTMLUListElement>, children?: Children) => Template

use

use: (props?: SvgProps<SVGUseElement> & DomEventProps<SVGUseElement>, children?: Children) => Template

var

var: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template

video

video: (props?: HtmlProps<HTMLVideoElement> & DomEventProps<HTMLVideoElement>, children?: Children) => Template

wbr

wbr: (props?: HtmlProps<HTMLElement> & DomEventProps<HTMLElement>, children?: Children) => Template