ButtonsPro ComponentiOS 16.0+Xcode 15+

Stat Tile Button with Inflection

Dashboard metric card button featuring dynamic English pluralization and inflection rules.

Download in Compot App Browse all Buttons

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

buttonCustomAsStatTile.swift

// Implement the var for a number in your struct:
// var stat: Int = 1

Button {
    // Action for the button
} label: {
    VStack(alignment: .center, spacing: 8) {
        HStack {
            Image(systemName: "flame")
                .foregroundStyle(.orange)
            Text("Streak")
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .font(.system(size: 15, weight: .regular, design: .default))
        .foregroundStyle(.secondary)
        HStack {
            Text("^[\\(stat) \\("Day")](inflect: true)")
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .font(.system(size: 17, weight: .medium, design: .default))
    }
    .padding()
    .frame(maxWidth: 160)
    .background(.thinMaterial)
    .clipShape(.rect(cornerRadius: 12))
}
.buttonStyle(.plain)