Tiles & SelectablesPro ComponentiOS 16.0+Xcode 15+

Stats Navigation Tile

Dashboard metrics tile displaying key figure, percentage delta, and chevron.

Download in Compot App Browse all Tiles & Selectables

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

navigationTile.swift

VStack(spacing: 8) {
    HStack {
        ZStack {
            RoundedRectangle(cornerRadius: 6)
                .foregroundStyle(.red)
            Image(systemName: "bell")
                .resizable()
                .scaledToFit()
                .foregroundStyle(.white)
                .frame(width: 16, height: 16)

        }
        .frame(width: 24, height: 24)

        Spacer()
        
        Text(1, format: .number)
    }
    .font(.system(size: 20, weight: .bold, design: .rounded))
                
    HStack {
        Text("Notifications")
            .foregroundStyle(.secondary)
        
        Spacer()
        
        Image(systemName: "chevron.right")
            .font(.footnote)
            .foregroundStyle(.secondary)
                        
        }
        .font(.system(size: 17, weight: .regular, design: .rounded))
}
.font(.system(size: 17, weight: .medium, design: .rounded))
.padding()
.frame(maxWidth: 180)
.background(.thinMaterial)
.clipShape(.rect(cornerRadius: 12))
.shadow(color: .gray.opacity(0.3), radius: 1)