---
title: bottom
framework: swiftui
role: symbol
role_heading: Type Property
path: swiftui/verticalalignment/bottom
---

# bottom

A guide that marks the bottom edge of the view.

## Declaration

```swift
static let bottom: VerticalAlignment
```

## Mentioned in

Aligning views within a stack

## Discussion

Discussion Use this guide to align the bottom edges of views:

The following code generates the image above using an HStack: struct VerticalAlignmentBottom: View {     var body: some View {         HStack(alignment: .bottom, spacing: 0) {             Color.red.frame(height: 1)             Text("Bottom").font(.title).border(.gray)             Color.red.frame(height: 1)         }     } }

## See Also

### Getting guides

- [top](swiftui/verticalalignment/top.md)
- [center](swiftui/verticalalignment/center.md)
- [firstTextBaseline](swiftui/verticalalignment/firsttextbaseline.md)
- [lastTextBaseline](swiftui/verticalalignment/lasttextbaseline.md)