Components

ContainerBackground

ContainerBackground adapts SwiftUI's containerBackground(_:for:) modifier into an explicit surface wrapper for navigation and grouped content areas.

Example

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

Automatic

Loading preview…

Code
'use client';
import { ContainerBackground, Text } from '@swiftuijs/ui';
export default function Example() {
    return ((<ContainerBackground>
      <Text style={{ padding: '12px 16px' }}>Automatic container surface</Text>
    </ContainerBackground>));
}

Status: adapted

More examples

Navigation Secondary

API reference

PropTypeRequiredDescription
placement'automatic' | 'navigation' | 'window' | 'widget'No—
emphasis'regular' | 'secondary' | 'prominent'No—

Inherits additional props from IBaseComponent.

Edit this page on GitHubReport an issue

ConfirmationDialog

ConfirmationDialog presents a stack of actions that asks the user to confirm an intent. It aligns with SwiftUI's `confirmationDialog` mental model while using web-native dialog semantics.

ContainerRelativeFrame

Sizes content relative to its container using SwiftUI-style count, span, and spacing semantics.