SwiftUI.js
Components

ScenePadding

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

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

Examples

Default

Preview unavailable for this example in the static docs build.

Show code
<ScenePadding>
      <Card>
        <Text>Scene-level content padding</Text>
      </Card>
    </ScenePadding>

Variants

Preview unavailable for this example in the static docs build.

Show code
<ScenePadding edges={['top', 'horizontal']} size="compact">
      <VStack spacing={10}>
        <Text>Top and horizontal inset</Text>
        <Card>
          <Text>Compact scene inset</Text>
        </Card>
      </VStack>
    </ScenePadding>

API

PropTypeRequiredDescription
edgesScenePaddingEdge[]NoNo description yet.
size'regular' | 'compact'NoNo description yet.

Inherits additional props from IBaseComponent.

Overview

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

Status: adapted

On this page