Reference

Node Types

Every node is a container, text, or image. They share a common set of fields and add a few of their own.

All nodes accept these fields:

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

preset?Style

Default HTML element styles (lowest priority)

style?Style

Inline styling properties (highest priority)

tw?string

Tailwind classes (medium priority, overrides preset)

lang?string

BCP-47 language tag; inherited by descendants, drives locale-aware shaping

Container

Groups other nodes and arranges them in a layout. Adds:

Prop

Type

Description

children?Node[]

Children nodes

Text

Displays text. Adds:

Prop

Type

Description

textstring

Text content to be displayed

Image

Displays a rasterized image or SVG. Adds:

Prop

Type

Description

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

Style Properties

Properties use their camelCase names. Longhands are listed in parentheses. Supported means the property follows its CSS spec.

Layout & display

Property	Values
`display`	`none`, `flex`, `inline-flex`, `grid`, `inline-grid`, `block`, `inline-block`, `inline`
`position`	`relative`, `absolute`, `static`, `fixed`
`direction`	Supported
`float`	Supported
`clear`	Supported
`zIndex`	Supported
`order`	Supported
`overflow` (`overflowX`, `overflowY`)	`visible`, `clip`, `hidden`
`objectFit`	Supported
`objectPosition`	Supported
`boxSizing`	Supported
`visibility`	`visible`, `hidden`
`content`	Supported

Sizing

Property	Values
`width`, `height`	Supported
`minWidth`, `maxWidth`	Supported
`minHeight`, `maxHeight`	Supported
`aspectRatio`	Supported

Spacing

Property	Values
`padding` (`paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `paddingInline`, `paddingBlock`)	Supported
`margin` (`marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `marginInline`, `marginBlock`)	Supported
`inset` (`top`, `right`, `bottom`, `left`, `insetInline`, `insetBlock`)	Supported
`gap` (`columnGap`, `rowGap`)	Supported

Border & outline

Property	Values
`borderWidth` (`borderTopWidth`, `borderRightWidth`, `borderBottomWidth`, `borderLeftWidth`, `borderInlineWidth`, `borderBlockWidth`)	`thin`, `medium`, `thick`, `<length>`
`borderStyle`	`solid`, `none`
`borderColor`	Supported
`borderRadius` (`borderTopLeftRadius`, `borderTopRightRadius`, `borderBottomRightRadius`, `borderBottomLeftRadius`)	Supported
`outlineWidth`	`thin`, `medium`, `thick`, `<length>`
`outlineStyle`	`solid`, `none`
`outlineColor`	Supported
`outlineOffset`	Supported

Flexbox

Property	Values
`flex` (`flexBasis`, `flexGrow`, `flexShrink`)	Supported
`flexDirection`	Supported
`flexFlow`	Supported
`flexWrap`	`nowrap`, `wrap`, `wrap-reverse`
`justifyContent`, `justifyItems`, `justifySelf`	Supported
`alignContent`, `alignItems`, `alignSelf`	Supported
`placeContent`, `placeItems`, `placeSelf`	Supported

Grid

Property	Values
`gridTemplateColumns`, `gridTemplateRows`, `gridTemplateAreas`	Supported
`gridAutoColumns`, `gridAutoRows`, `gridAutoFlow`	Supported
`gridColumn` (`gridColumnStart`, `gridColumnEnd`)	Supported
`gridRow` (`gridRowStart`, `gridRowEnd`)	Supported
`gridArea` (`gridRowStart`, `gridColumnStart`, `gridRowEnd`, `gridColumnEnd`)	Supported

Background & mask

Property	Values
`backgroundImage`	`linear-gradient()`, `radial-gradient()`, `conic-gradient()`, `repeating-linear-gradient()`, `repeating-radial-gradient()`, `repeating-conic-gradient()`, `url()`
`backgroundColor`	Supported
`backgroundPosition`, `backgroundSize`, `backgroundRepeat`	Supported
`backgroundClip`, `backgroundBlendMode`	Supported
`maskImage`, `maskSize`, `maskPosition`, `maskRepeat`	Supported

Effects & transform

Property	Values
`boxShadow`	Supported
`opacity`	Supported
`filter`	`<filter-function>`
`backdropFilter`	`<filter-function>`
`mixBlendMode`	Supported
`isolation`	Supported
`transform` (`translateX`, `translateY`, `rotate`, `scaleX`, `scaleY`)	2D only
`transformOrigin`	Supported
`clipPath`	`<basic-shape>`
`clipRule`	Supported
`imageRendering`	`auto`, `smooth`, `pixelated`
`strokeLinejoin`	`miter`, `round`, `bevel`

Animation

Property	Values
`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

Typography

Property	Values
`color`	Supported
`fontFamily`	Font fallback supported
`fontSize`	Supported
`fontWeight`	Supported
`fontStyle`	Supported
`fontStretch`	Supported
`fontVariationSettings`	Supported
`fontFeatureSettings`	Supported
`fontSynthesis`	`none`, `weight`, `style`
`fontSynthesisWeight`	`auto`, `none`
`fontSynthesisStyle`	`auto`, `none`
`lineHeight`	Supported
`letterSpacing`	Supported
`wordSpacing`	Supported
`textIndent`	Supported
`textAlign`	Supported
`verticalAlign`	Supported
`textTransform`	`none`, `uppercase`, `lowercase`, `capitalize`
`textShadow`	Supported
`textOverflow`	`ellipsis`, `clip`, custom character
`lineClamp`	`none`, `<integer>`, `<integer> <block-ellipsis>`
`maxLines`	`none`, `<integer>`
`blockEllipsis`	`none`, `auto`, `<string>`
`continue`	`normal`, `collapse`
`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`, `textWrapStyle`)	`wrap`, `nowrap`; `auto`, `balance`, `pretty`
`textFit`	Supported
`textDecoration` (`textDecorationLine`, `textDecorationStyle`, `textDecorationColor`, `textDecorationThickness`)	`underline`, `line-through`, `overline`; `solid`
`textDecorationSkipInk`	`auto`, `none`
`WebkitTextStroke` (`WebkitTextStrokeWidth`, `WebkitTextStrokeColor`, `WebkitTextFillColor`)	Supported

On this page