Autumn Sale50% offCOMPOT
LabelsPro ComponentiOS 16.0+Xcode 15+

Label Bordered Gradient

Label framed with a gradient border.

Download in Compot AppBrowse all Labels

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
LabelBorderedGradient.swift
Unlock in App
import SwiftUI

Label("Featured", systemImage: "star")
    .labelStyle(GradientBorderedLabelStyle())
    .background(.background.secondary)

// Implement this custom style
struct GradientBorderedLabelStyle: LabelStyle {

        // ...
        // Complete source code available in Compot Pro on the App Store.
Compot Pro Component

Unlock full code & interactive preview

Interactive live preview and complete SwiftUI code available in the Compot App.

Get Compot on the App Store

Available for macOS & iOS • 85+ free components included

Complete code, live preview, and 1-tap Xcode export available in the Compot App (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

Related SwiftUI Components

More components in Labels and related app architectures.

View all Labels
ButtonsiOS 16.0+

Bouncy Button Icon

Interactive button featuring fluid spring animations and smooth scale feedback upon tap.

View Component & Code
ButtonsiOS 16.0+

Button with Repeat Behavior

Stepper-like button with continuous press-and-hold repeating action for counters and volume adjustment.

View Component & Code
ButtonsiOS 16.0+

Button for Copying

Smart copy button that temporarily switches icon and text to "Copied!" with tactile haptic feedback.

View Component & Code