SwiftUI.js
Components

PresentationCornerRadius

PresentationCornerRadius adapts SwiftUI's `presentationCornerRadius` modifier into an explicit wrapper.

PresentationCornerRadius adapts SwiftUI's `presentationCornerRadius` modifier into an explicit wrapper.

Examples

Default

Preview unavailable for this example in the static docs build.

Show code
<PresentationCornerRadius radius={28} style={{ border: '1px solid var(--sw-color-border)', padding: 16 }}>
      <Text>Rounded presentation surface</Text>
    </PresentationCornerRadius>

Variants

Preview unavailable for this example in the static docs build.

Show code
<VStack spacing={12}>
      <PresentationCornerRadius radius={16} style={{ border: '1px solid var(--sw-color-border)', padding: 16 }}>
        <Text>Compact card radius</Text>
      </PresentationCornerRadius>
      <PresentationCornerRadius radius={36} style={{ border: '1px solid var(--sw-color-border)', padding: 16 }}>
        <Text>Large modal radius</Text>
      </PresentationCornerRadius>
      <PresentationCornerRadius radius="999px" style={{ border: '1px solid var(--sw-color-border)', padding: 16 }}>
        <Text>Capsule presentation chrome</Text>
      </PresentationCornerRadius>
    </VStack>

API

PropTypeRequiredDescription
radiusnumber | stringYesNo description yet.

Inherits additional props from IBaseComponent.

Overview

PresentationCornerRadius adapts SwiftUI's presentationCornerRadius modifier into an explicit wrapper.

Status: adapted

On this page