Components

AspectRatio

Constrains content to a target ratio, aligned with SwiftUI's aspectRatio modifier.

Examples

Default

Preview unavailable for this example in the static docs build.

Show code

<AspectRatio ratio={[4, 3]}>
      <Card>
        <VStack spacing={8}>
          <Text>AspectRatio content</Text>
          <Text>4:3 fit container</Text>
        </VStack>
      </Card>
    </AspectRatio>

Fill mode

Preview unavailable for this example in the static docs build.

Show code

<AspectRatio ratio={[16, 9]} contentMode="fill">
      <img
        alt="Gradient"
        src="https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=1200&q=80"
      />
    </AspectRatio>

API

Prop	Type	Required	Description
`alignment`	`EAlignment`	No	No description yet.
`contentMode`	`'fit' \| 'fill'`	No	No description yet.
`ratio`	`number \| [number, number]`	No	No description yet.

Inherits additional props from IBaseComponent.

AngularGradient

AngularGradient sweeps color stops around a center point.

AsyncImage

AsyncImage loads remote images and exposes simple loading and failure phases, aligned with SwiftUI's `AsyncImage` mental model.