Settings, Lists & RowsPro ComponentiOS 16.0+Xcode 15+

List Row Compact with Title, Subtitle & Detail

3-tier information row with leading icon, title, subtitle, and trailing value.

Download in Compot App Browse all Settings, Lists & Rows

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

listRowCompactTitleSubtitleDetail.swift

HStack(alignment: .center, spacing: 4) {
    VStack(alignment: .leading, spacing: 4) {
        Text("Title")
            .font(.system(size: 17, weight: .medium))
            .lineLimit(1)
            .multilineTextAlignment(.leading)
        Text("Subtitle")
            .font(.system(size: 13, weight: .regular))
            .lineLimit(1)
            .multilineTextAlignment(.leading)
    }
    .padding(0)
    .frame(maxWidth: .infinity, minHeight: 44, maxHeight: 44, alignment: .leading)
    HStack(alignment: .center, spacing: 16) {
        Text("Detail")
            .lineLimit(1)
            .frame(width: 65, height: 16, alignment: .trailing)
        Image(systemName: "chevron.right")
            .foregroundStyle(.tertiary)
    }
    .font(.system(size: 17, weight: .medium))
    .foregroundStyle(.secondary)
    .padding(.leading, 0)
    .padding(.trailing, 16)
    .padding(.vertical, 0)
}
.frame(maxWidth: .infinity, alignment: .center)
.padding()

Ready to copy and paste directly into any Xcode project running iOS 16.0+.