Components

AngularGradient

AngularGradient sweeps color stops around a center point.

Example

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

Example

Loading preview…

Code
'use client';
import { AngularGradient } from '@swiftuijs/ui';
export default function Example() {
    return (<AngularGradient center="center" endAngle={360} startAngle={0} stops={[
            { color: '#ff9f0a', location: 0 },
            { color: '#ff375f', location: 0.35 },
            { color: '#5e5ce6', location: 0.7 },
            { color: '#30d158', location: 1 },
        ]} style={{
            borderRadius: '999px',
            height: '220px',
            width: '220px',
        }}></AngularGradient>);
}

API reference

PropTypeRequiredDescription
centerIUnitPointNo—
startAnglenumberNo—
endAnglenumberNo—
stopsIGradientStop[]Yes—

Inherits additional props from IBaseComponent.

Edit this page on GitHubReport an issue

AllowsHitTesting

AllowsHitTesting adapts SwiftUI's `allowsHitTesting(_:)` modifier into an explicit interaction wrapper for web overlays and disabled hit regions.

AspectRatio

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