chore: add interactive example 1/2

software-mansion · Jul 16, 2024 · dfce6a1 · dfce6a1
1 parent 3e8d141
commit dfce6a1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/docs-reanimated/docs/layout-animations/keyframe-animations.mdx b/packages/docs-reanimated/docs/layout-animations/keyframe-animations.mdx
@@ -2,6 +2,7 @@
 sidebar_position: 2
 ---
 
+import Keyframe from '@site/src/examples/KeyframeAnimation';
 import KeyframeSrc from '!!raw-loader!@site/src/examples/KeyframeAnimation';
 
 # Keyframe animations
@@ -71,6 +72,8 @@ keyframe
 
 ## Example
 
+<InteractiveExample src={KeyframeSrc} component={Keyframe} />
+
 <ExampleVideo
  sources={{
  android:

diff --git a/packages/docs-reanimated/src/examples/KeyframeAnimation.tsx b/packages/docs-reanimated/src/examples/KeyframeAnimation.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { View, Button, StyleSheet, Pressable } from 'react-native';
 import Animated, { Keyframe, Easing } from 'react-native-reanimated';
 
-export function KeyframeExample() {
+export default function KeyframeExample() {
  const [visible, setVisible] = useState(true);
 
  const enteringAnimation = new Keyframe({