Effects
LEGEND APPSPreview
Comparison wipe
Reveal and compare caller-supplied content while keeping its state mounted.
← All effects
Still captured in Legend Slides for macOS (development build).
Requires a Legend Slides build with effect installation support. Installs the presenting pack (1.0.0, 22 KB source) and its dependencies. macOS host capabilities: reanimated, skia. Installed decks work offline.
Use it in a deck
---
title: Comparison wipe
---
import { View, Text } from "react-native";
import { ComparisonWipe } from "slides:presenting/Composition";
# Comparison wipe
<View style={{ width: 1696, height: 650 }}>
<Steps count={3}>{step => <ComparisonWipe position={step / 2} before={<View style={{flex: 1,backgroundColor: "#164e63"}} />} after={<View style={{flex: 1,backgroundColor: "#6d28d9"}} />} beforeLabel="Before" afterLabel="After" style={{width: 1696,height: 580}} />}</Steps>
</View>
Configure
- content
- Supply the illustrations or React content.
- style
- Give the composition explicit stage bounds.
Only imported effects enter the compiled deck. Installation and versioning →