---
title: leading
framework: swiftui
role: symbol
role_heading: Type Property
path: swiftui/horizontalalignment/leading
---

# leading

A guide that marks the leading edge of the view.

## Declaration

```swift
static let leading: HorizontalAlignment
```

## Mentioned in

Building layouts with stack views

## Discussion

Discussion Use this guide to align the leading edges of views. For a device that uses a left-to-right language, the leading edge is on the left:

The following code generates the image above using a VStack: struct HorizontalAlignmentLeading: View {     var body: some View {         VStack(alignment: .leading, spacing: 0) {             Color.red.frame(width: 1)             Text("Leading").font(.title).border(.gray)             Color.red.frame(width: 1)         }     } }

## See Also

### Getting guides

- [center](swiftui/horizontalalignment/center.md)
- [trailing](swiftui/horizontalalignment/trailing.md)
- [listRowSeparatorLeading](swiftui/horizontalalignment/listrowseparatorleading.md)
- [listRowSeparatorTrailing](swiftui/horizontalalignment/listrowseparatortrailing.md)