Reference

Node Types

Container

A container node is used to group other nodes and arrange them in a layout.

Prop

Type

Description

tagName?string

Element tag name used for HTML preset and selector matching

className?string

Element class name used for selector matching

id?string

Element id used for selector matching

children?Node[]

Children nodes

preset?Style

Default HTML element styles (lowest priority)

style?Style

Inline styling properties (highest priority)

tw?string

Tailwind classes (medium priority, overrides preset)

Text

A text node displays text.

Prop

Type

Description

tagName?string

Element tag name used for HTML preset and selector matching

className?string

Element class name used for selector matching

id?string

Element id used for selector matching

textstring

Text content to be displayed

preset?Style

Default HTML element styles (lowest priority)

style?Style

Inline styling properties (highest priority)

tw?string

Tailwind classes (medium priority, overrides preset)

Image

An image node displays rasterized or svg images.

Prop

Type

Description

tagName?string

Element tag name used for HTML preset and selector matching

className?string

Element class name used for selector matching

id?string

Element id used for selector matching

srcstring

The source URL / persistent image key to the image

width?number

Overwrite the intrinsic width of the image

height?number

Overwrite the intrinsic height of the image

preset?Style

Default HTML element styles (lowest priority)

style?Style

Inline styling properties (highest priority)

tw?string

Tailwind classes (medium priority, overrides preset)

Style Properties

Property	Property Expanded	Supported Values
`display`		`none`, `flex`, `inline-flex`, `grid`, `inline-grid`, `block`, `inline-block`, `inline`
`position`		`relative`, `absolute`
`zIndex`		Supported
`width`		Supported
`height`		Supported
`maxWidth`		Supported
`maxHeight`		Supported
`minWidth`		Supported
`minHeight`		Supported
`aspectRatio`		Supported
`animation`	`animationName`	Supported
	`animationDuration`	Supported
	`animationDelay`	Supported
	`animationTimingFunction`	`linear`, `ease`, `ease-in`, `ease-out`, `ease-in-out`, `step-start`, `step-end`, `steps()`, `cubic-bezier()`
	`animationIterationCount`	Supported
	`animationDirection`	Supported
	`animationFillMode`	Supported
	`animationPlayState`	Supported
`padding`	`paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `paddingInline`, `paddingBlock`	Supported
`margin`	`marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `marginInline`, `marginBlock`	Supported
`inset`	`top`, `right`, `bottom`, `left`, `insetInline`, `insetBlock`	Supported
`border`	`borderWidth` (`borderTopWidth`, `borderRightWidth`, `borderBottomWidth`, `borderLeftWidth`, `borderInlineWidth`, `borderBlockWidth`)	Supported
	`borderStyle`	`solid`, `none`
	`borderColor`	Supported
`borderRadius`	`borderTopLeftRadius`, `borderTopRightRadius`, `borderBottomRightRadius`, `borderBottomLeftRadius`	Supported
`outline`	`outlineWidth`	Supported
	`outlineStyle`	`solid`, `none`
	`outlineColor`	Supported
	`outlineOffset`	Supported
`flex`	`flexBasis`	Supported
	`flexGrow`	Supported
	`flexShrink`	Supported
`order`		Supported
Flexbox	`flexDirection`	Supported
	`flexFlow`	Supported
	`justifyContent`	Supported
	`justifySelf`	Supported
	`alignContent`	Supported
	`placeContent`	Supported
	`justifyItems`	Supported
	`alignItems`	Supported
	`placeItems`	Supported
	`alignSelf`	Supported
	`placeSelf`	Supported
	`flexWrap`	`nowrap`, `wrap`, `wrap-reverse`
	`gap` (`columnGap`, `rowGap`)	Supported
`objectFit`		Supported
`objectPosition`		Supported
`overflow`	`overflowX`, `overflowY`	`visible`, `clip`, `hidden`
`background`	`backgroundImage`	`linear-gradient()`, `radial-gradient()`, `conic-gradient()`, `repeating-linear-gradient()`, `repeating-radial-gradient()`, `repeating-conic-gradient()`, `url()`
	`backgroundPosition`	Supported
	`backgroundSize`	Supported
	`backgroundRepeat`	Supported
	`backgroundColor`	Supported
	`backgroundClip`	Supported
	`backgroundBlendMode`	Supported
`boxShadow`		Supported
Clip	`clipPath`	`<basic-shape>`
Clip	`clipRule`	Supported
`mask`	`maskImage`	Supported
	`maskSize`	Supported
	`maskPosition`	Supported
	`maskRepeat`	Supported
`transform`	`translate` (`translateX`, `translateY`)	Only 2D is supported
	`rotate`
	`scale` (`scaleX`, `scaleY`)
`transformOrigin`		Supported
Grid	`gridAutoColumns`	Supported
	`gridAutoRows`	Supported
	`gridAutoFlow`	Supported
	`gridColumn` (`gridColumnStart`, `gridColumnEnd`)	Supported
	`gridRow` (`gridRowStart`, `gridRowEnd`)	Supported
	`gridArea` (`gridRowStart`, `gridColumnStart`, `gridRowEnd`, `gridColumnEnd`)	Supported
	`gridTemplateColumns`	Supported
	`gridTemplateRows`	Supported
	`gridTemplateAreas`	Supported
Typography	`textOverflow`	`ellipsis`, `clip`, custom character
	`textTransform`	`none`, `uppercase`, `lowercase`, `capitalize`
	`fontStyle`	Supported
	`color`	Supported
	`textShadow`	Supported
	`fontSize`	Supported
	`fontFamily`	Font fallback supported
	`lineHeight`	Supported
	`verticalAlign`	Supported
	`fontWeight`	Supported
	`fontStretch`	Supported
	`fontVariationSettings`	Supported
	`fontFeatureSettings`	Supported
	`fontSynthesis`	`none`, `weight`, `style`
	`fontSynthesisWeight`	`auto`, `none`
	`fontSynthesisStyle`	`auto`, `none`
	`lineClamp`	number, `1 "ellipsis character"`
	`textAlign`	Supported
	`letterSpacing`	Supported
	`wordSpacing`	Supported
	`overflowWrap`	Supported
	`wordBreak`	`normal`, `break-all`, `keep-all`, `break-word`
	`whiteSpace`	`normal`, `pre`, `pre-wrap`, `pre-line`, `<text-wrap-mode> <white-space-collapse>`
	`whiteSpaceCollapse`	`preserve`, `collapse`, `preserve-spaces`, `preserve-breaks`
`textWrap`	`textWrapMode`	`wrap`, `nowrap`
`textWrap`	`textWrapStyle`	`auto`, `balance`, `pretty`
`boxSizing`		Supported
`opacity`		Supported
`imageRendering`		`auto`, `smooth`, `pixelated`
`filter`		`<filter-function>`
`backdropFilter`		`<filter-function>`
`WebkitTextStroke`	`WebkitTextStrokeWidth`, `WebkitTextStrokeColor`, `WebkitTextFillColor`	Supported
`strokeLinejoin`		`miter`, `round`, `bevel`
`textDecoration`	`textDecorationLine`	`underline`, `line-through`, `overline`
	`textDecorationStyle`	`solid`
	`textDecorationColor`	Supported
	`textDecorationThickness`	Supported
`textDecorationSkipInk`		`auto`, `none`
`isolation`		Supported
`mixBlendMode`		Supported
`visibility`		`visible`, `hidden`

Node Types

Container

Text

Image

Style Properties

On this page