@tactics/toddle-styleguide 1.0.2 → 1.1.0

package/App.tsx

@@ -63,6 +63,7 @@ import {MoreInfoButtonPreview} from './src/components/molecules/more-info-button
 import {LanguageButtonPreview} from './src/components/molecules/language-button/language-button.preview';
 import {ModalPreview} from './src/components/templates/modal/modal.preview';
 import {LoadingIndicatorPreview} from './src/components/organisms/loading-indicator/loading-indicator.preview';
+import {WaveBackgroundPreview} from './src/components/molecules/wave-background/wave.preview';
 
 const Stack = createNativeStackNavigator();
 
@@ -240,6 +241,10 @@ const HomeScreen = ({navigation}: {navigation: any}) => {
         title="Loading indicator"
         onPress={() => navigation.push('loading-indicator')}
       />
+      <ReactBtn
+        title="Wave background"
+        onPress={() => navigation.push('wave')}
+      />
     </ScrollView>
   );
 };
@@ -388,7 +393,12 @@ function App() {
           <Stack.Screen name="language-button">
             {() => <LanguageButtonPreview />}
           </Stack.Screen>
-          <Stack.Screen name="modal">{() => <ModalPreview />}</Stack.Screen>
+          <Stack.Screen name="modal" options={{headerShown: false}}>
+            {() => <ModalPreview />}
+          </Stack.Screen>
+          <Stack.Screen name="wave" options={{headerShown: false}}>
+            {() => <WaveBackgroundPreview />}
+          </Stack.Screen>
           <Stack.Screen name="loading-indicator" options={{headerShown: false}}>
             {() => <LoadingIndicatorPreview />}
           </Stack.Screen>