<!--
{
  "availability" : [
    "iOS: 15.0.0 -",
    "iPadOS: 15.0.0 -",
    "macCatalyst: 15.0.0 -",
    "visionOS: 1.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "UIKit",
  "identifier" : "/documentation/UIKit/UIToolbar/compactScrollEdgeAppearance",
  "metadataVersion" : "0.1.0",
  "role" : "Instance Property",
  "symbol" : {
    "kind" : "Instance Property",
    "modules" : [
      "UIKit"
    ],
    "preciseIdentifier" : "c:objc(cs)UIToolbar(py)compactScrollEdgeAppearance"
  },
  "title" : "compactScrollEdgeAppearance"
}
-->

# compactScrollEdgeAppearance

The appearance settings for a compact-height toolbar when the edge of any scrollable content aligns with the edge of a compact-height toolbar.

```
@NSCopying var compactScrollEdgeAppearance: UIToolbarAppearance? { get set }
```

## Discussion

When a navigation controller contains a toolbar and a scroll view, part of the scroll view’s content appears underneath the toolbar. If the edge of the scrolled content reaches the toolbar, UIKit applies the appearance settings in this property.

This property applies to compact-height toolbars. If the value of this property is `nil`, UIKit uses the value of the [`scrollEdgeAppearance`](/documentation/UIKit/UIToolbar/scrollEdgeAppearance) property. If no navigation controller manages your toolbar, UIKit ignores this property and uses the value of the [`compactAppearance`](/documentation/UIKit/UIToolbar/compactAppearance) property.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)