Interactive previews iPhone

Hard ScrollEdgeEffect

A scroll edge effect with a hard cutoff and dividing line

Hard ScrollEdgeEffect - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

Platform Compatibility

iOS 26.0+ iPadOS 26.0+ macOS 26.0+ watchOS 26.0+ tvOS 26.0+

Tags

SwiftUI Code

Docs
NavigationStack {
  List {
    ForEach(0 ..< 100, id: \.self) {
      Text("Item \($0)")
    }
  }
  .toolbar {
    Button("foo", action: action)
  }
  .scrollEdgeEffectStyle(.hard, for: .all)
}

Found an issue or have a suggestion?

Created: June 10, 2025Updated: December 27, 2025
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

Explore Other Components

Browse all
Sheet Drag Indicator Visibility - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Sheet Drag Indicator Visibility

Sets the visibility of the drag indicator on top of a sheet.

Compact List Section Spacing - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Compact List Section Spacing

Compact spacing between sections

Color Gradient - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Gradient

The Color gradient modifier

List Badge Prominence - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

List Badge Prominence

Specifies the prominence of badges created by this view.

ViewThatFits - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
initializer

ViewThatFits

A view that adapts to the available space by providing the first child view that fits.

Menu Section - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
content

Menu Section

A Section inside a Menu

ControlGroup - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

ControlGroup

Creates a new ControlGroup with the specified children

Background Extension Effect - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Background Extension Effect

Adds the background extension effect to the view. The view will be duplicated into mirrored copies which will be placed around the view on any edge with available safe area. Additionally, a blur effect will be applied on top to blur out the copies