Merge pull request #133 from GeekyAnts/fix/drawer-nav-example

Fix: drawer navigation example

docs/buildingDrawerNavigation.md

@@ -9,7 +9,7 @@ Common pattern in navigation is to use drawer from left (sometimes right) side f
 
 Here is an example to show how easily and quickly we can use React Native's [DrawerNavigation](https://reactnavigation.org/docs/drawer-based-navigation/) in NB.
 
-```SnackPlayer name=Drawer-Navigation dependencies=@react-navigation/drawer,@react-navigation/[email protected],react-native-vector-icons,react-native-gesture-handler@~1.10.2,react-native-linear-gradient,@react-native-community/[email protected],react-native-screens@~3.4.0,react-native-reanimated@~2.2.0
+```SnackPlayer name=Drawer-Navigation dependencies=@react-navigation/drawer,@react-navigation/[email protected],react-native-vector-icons,react-native-gesture-handler@~1.10.2,react-native-linear-gradient,@react-native-community/[email protected],react-native-screens@~3.8.0,react-native-reanimated@~2.2.0
 import * as React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import {

docs/button.mdx

@@ -56,7 +56,7 @@ When you use the ButtonGroup component, it allows you to:
 - Add spacing between the buttons.
 - Flush the buttons together by removing the border radius of the its children as needed.
 
-```ComponentSnackPlayer path=primitives,ButtonGroup,basic.tsx
+```ComponentSnackPlayer path=components,primitives,ButtonGroup,basic.tsx
 
 ```
 
@@ -66,9 +66,9 @@ When you use the ButtonGroup component, it allows you to:
 
 ```
 
-  ## Props
+## Props
 
-  ### Button
+### Button
 
 ```ComponentPropTable path=primitives,Button,Button.tsx