ButtonsFree ComponentiOS 16.0+Xcode 15+

Record Button with State

Audio/video recording toggle button with morphing record/stop states and pulse animation.

Download in Compot App Browse all Buttons

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

recordButton.swift

import SwiftUI

struct UseRecordButton: View {
    
    @State private var isRecordButtonActive: Bool = true
    
    var body: some View {
        
        RecordButton(color: isRecordButtonActive ? .red : .secondary)
        
    }
    
}

#Preview {
    UseRecordButton()
}

struct RecordButton: View {
    
    let color: Color
    
    var body: some View {
        Circle()
            .foregroundStyle(color)
            .frame(width: 62, height: 62)
            .overlay {
                Circle()
                    .stroke(lineWidth: 2)
                    .padding(5)
                    .foregroundStyle(Color(uiColor:.systemBackground))
            }
    }
}

#Preview {
    RecordButton(color: .red)
}