SwiftUI.js
Components

SymbolEffect

SymbolEffect adapts SwiftUI's symbol animation modifiers into an explicit wrapper component for the web.

SymbolEffect adapts SwiftUI's symbol animation modifiers into an explicit wrapper component for the web.

Examples

Pulse

Preview unavailable for this example in the static docs build.

Show code
<SymbolEffect effect="pulse">{<span style={{ fontSize: 32 }}>★</span>}</SymbolEffect>

Variants

Preview unavailable for this example in the static docs build.

Show code
<SymbolEffect effect="bounce">{<span style={{ fontSize: 32 }}>🔔</span>}</SymbolEffect>

Variants

Preview unavailable for this example in the static docs build.

Show code
<SymbolEffect effect="appear">{<span style={{ fontSize: 32 }}>♥</span>}</SymbolEffect>

API

PropTypeRequiredDescription
effect'pulse' | 'bounce' | 'appear'NoNo description yet.
isActivebooleanNoNo description yet.

Inherits additional props from IBaseComponent.

Overview

SymbolEffect adapts SwiftUI's symbol animation modifiers into an explicit wrapper component for the web.

On this page