Align

// Center child (default)
Align {
    Text("Centered")
}

// Top left
Align(alignment: .topLeft) {
    Text("Top Left")
}

// Bottom right
Align(alignment: .bottomRight) {
    Text("Bottom Right")
}

// Or use the .center() modifier
Text("Centered")
    .center()

import Foundation
import JavaScriptKit
import Observation
import Shaft
import ShaftWeb

Shaft.backend = ShaftWebBackend { _ in
    JSObject.global.document.querySelector("canvas")
}

runApp(AlignDemoApp())

final class AlignDemoApp: StatelessWidget {
    func build(context: any BuildContext) -> any Widget {
        Column(spacing: 16) {
            Text("Align Widget")
                .textStyle(.init(fontSize: 24, fontWeight: .bold))
                .center()

            // Top Left
            SizedBox(width: 300, height: 80) {
                Align(alignment: .topLeft) {
                    Text("Top Left")
                        .padding(.all(8))
                        .decoration(.box(color: Color(0xFF_E3F2FD)))
                }
            }
            .decoration(.box(color: Color(0xFF_F5F5F5)))

            // Center
            SizedBox(width: 300, height: 80) {
                Align(alignment: .center) {
                    Text("Center")
                        .padding(.all(8))
                        .decoration(.box(color: Color(0xFF_E8F5E9)))
                }
            }
            .decoration(.box(color: Color(0xFF_F5F5F5)))

            // Bottom Right
            SizedBox(width: 300, height: 80) {
                Align(alignment: .bottomRight) {
                    Text("Bottom Right")
                        .padding(.all(8))
                        .decoration(.box(color: Color(0xFF_FFF3E0)))
                }
            }
            .decoration(.box(color: Color(0xFF_F5F5F5)))
        }
        .padding(.all(24))
    }
}

.topLeft        .topCenter        .topRight
.centerLeft     .center           .centerRight  
.bottomLeft     .bottomCenter     .bottomRight

Align(alignment: Alignment(x: 0.5, y: -0.5)) {
    Text("Custom position")
}