Create a horizontal stack container — children laid out left to right.
Equivalent to CSS flex-direction: row. Main axis is horizontal, cross axis is vertical.
flex-direction: row
Layout, sizing, scrolling, focus, and interaction props.
Ordered child nodes.
A container node for the UI tree.
HStack({ height: 1, gap: 1 }, [ Text("Name", { bold: true }), VStack({ flex: 1 }, []), Text("value", { fgColor: "color08" }),]) Copy
HStack({ height: 1, gap: 1 }, [ Text("Name", { bold: true }), VStack({ flex: 1 }, []), Text("value", { fgColor: "color08" }),])
Create a horizontal stack container — children laid out left to right.
Equivalent to CSS
flex-direction: row. Main axis is horizontal, cross axis is vertical.