Components

ContentMargins

Adds configurable content insets using SwiftUI-style edge semantics.

Examples

Default

Preview unavailable for this example in the static docs build.

Show code

<ContentMargins>
      <Card>
        <Text>Regular content margin wrapper</Text>
      </Card>
    </ContentMargins>

Edge-specific margins

Preview unavailable for this example in the static docs build.

Show code

<ContentMargins edges={['top', 'horizontal']} value="compact">
      <VStack spacing={8}>
        <Text>Top + horizontal inset</Text>
        <Card>
          <Text>Compact margins</Text>
        </Card>
      </VStack>
    </ContentMargins>

API

Prop	Type	Required	Description
`edges`	`ContentMarginEdge[]`	No	No description yet.
`value`	`number \| string \| 'compact' \| 'regular'`	No	No description yet.

Inherits additional props from IBaseComponent.

ContainerRelativeFrame

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

ContentTransition

ContentTransition adapts SwiftUI's content-transition modifiers into an explicit wrapper that annotates changing content on the web.