When to use
Add the hard scroll edge when content scrolls under the top bar and the title or buttons need a clear base. It is the iOS 27 default, so use it for any screen with a scrolling list or feed.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-styleon .ios-scrolledge | "hard" | – | One frosted bar with a hairline, instead of the soft fade. |
--edge-hon .ios-scrolledge | CSS length | safe top + 54px | Height of the bar. |