Skip to main content
VStack(children: Component): Component;
VStack(children: Component[]): Component;
VStack(props: { spacing?: number, alignment?: HorizontalAlignment }, children: Component[]): Component;

​
Parameters

​
children
Component | Component[]
A single child component or an array of child components to arrange vertically.
​
props
{ spacing?: number, alignment?: HorizontalAlignment }
Configuration options for the vertical stack.

​
Support

​
Usage

​
Basic vertical stack

VStack([
    Text("First"),
    Text("Second"),
    Text("Third")
])

​
Stack with spacing

VStack({ spacing: 16 }, [
    Text("Title").font("headline"),
    Text("Content").font("body")
])

​
Stack with alignment

VStack({ alignment: "leading" }, [
    Text("Left aligned"),
    Text("Also left aligned")
])