Components

HoverEffect

HoverEffect adapts SwiftUI's hover feedback modifiers into explicit pointer-oriented wrappers for the web.

Example

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

Highlight

Loading preview…

Code
'use client';
import { Button } from '@swiftuijs/ui';
import { HoverEffect } from '@swiftuijs/ui';
export default function Example() {
    return ((<HoverEffect effect="highlight">
      <Button>Hover me</Button>
    </HoverEffect>));
}

More examples

Lift

API reference

PropTypeRequiredDescription
effect'lift' | 'highlight'No—
disabledbooleanNo—

Inherits additional props from IBaseComponent.