Skip to main content
.frame(props: { width?: number; height?: number; alignment?: Alignment }): Component;
.frame(props: { minWidth?: number; idealWidth?: number; maxWidth?: number; minHeight?: number; idealHeight?: number; maxHeight?: number; alignment?: Alignment }): Component;

​
Parameters

​
props
FrameProps
Frame configuration object. Can specify exact dimensions or flexible sizing constraints.

​
Support

​
Usage

​
Fixed size frame

Text("Fixed size")
    .frame({ width: 200, height: 100 })

​
Frame with alignment

Text("Top aligned")
    .frame({ width: 300, height: 200, alignment: "top" })

​
Flexible frame constraints

Text("Flexible sizing")
    .frame({ minWidth: 100, maxWidth: 300, idealHeight: 50 })