Autumn Sale50% offCOMPOT
LabelsPro ComponentiOS 16.0+Xcode 15+

Label Bordered Gradient

Label framed with a gradient border.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
labelBorderedGradient.swift
Label("Featured", systemImage: "star")
    .labelStyle(GradientBorderedLabelStyle())
    .background(.background.secondary)

// Implement this custom style
struct GradientBorderedLabelStyle: LabelStyle {
    func makeBody(configuration: Configuration) -> some View {
        Label(configuration)
            .labelStyle(.titleOnly)
            .font(.system(size: 17, weight: .medium))
            .padding(.vertical, 8)
            .padding(.horizontal, 16)
            .border(LinearGradient(colors: [.red, .purple, .blue], startPoint: .topLeading, endPoint: .bottomTrailing), width: 2)
    }
}

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

Recommended Use Cases

  • Dashboard overviews, stats tracking, and metric highlights

Component Details

Category
Labels
iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Pro
Themes & Contexts
dashboard
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store