Components

ScenePadding

ScenePadding adapts SwiftUI's scenePadding modifier into an explicit layout wrapper for web scenes and grouped screens.

Example

Requires React 18.2+ or 19 and shared styles. See setup.

Default

Loading preview…

Code
'use client';
import { Card } from '@swiftuijs/ui';
import { Text } from '@swiftuijs/ui';
import { ScenePadding } from '@swiftuijs/ui';
export default function Example() {
    return ((<ScenePadding>
      <Card>
        <Text>Scene-level content padding</Text>
      </Card>
    </ScenePadding>));
}

Status: adapted

More examples

Compact Edges

API reference

PropTypeRequiredDescription
edgesScenePaddingEdge[]No—
size'regular' | 'compact'No—

Inherits additional props from IBaseComponent.

Edit this page on GitHubReport an issue

SafeAreaInset

SafeAreaInset adapts SwiftUI's `.safeAreaInset` modifier into an explicit layout container for the web.

ScrollBounceBehavior

ScrollBounceBehavior adapts SwiftUI's `scrollBounceBehavior` modifier into an explicit wrapper.