@tactics/toddle-styleguide 1.0.1 → 1.0.4

package/App.tsx

@@ -62,6 +62,8 @@ import {SelectLinkPreview} from './src/components/molecules/select-link/select-l
 import {MoreInfoButtonPreview} from './src/components/molecules/more-info-button/more-info-button.preview';
 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();
 
@@ -235,6 +237,14 @@ const HomeScreen = ({navigation}: {navigation: any}) => {
         onPress={() => navigation.push('language-button')}
       />
       <ReactBtn title="Modal" onPress={() => navigation.push('modal')} />
+      <ReactBtn
+        title="Loading indicator"
+        onPress={() => navigation.push('loading-indicator')}
+      />
+      <ReactBtn
+        title="Wave background"
+        onPress={() => navigation.push('wave')}
+      />
     </ScrollView>
   );
 };
@@ -383,7 +393,15 @@ 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>
         </Stack.Navigator>
       </NavigationContainer>
     </ThemeCtx.Provider>