React Navigation for React js that tries to ensure that the elements of the navigators display correctly on devices with notches (e.g. iOS) and UI elements that may overlap the app content.
How to use it:
1. Install and import the react navigation.
# NPM $ npm i @themak/react-navigation
import Navigation from '@themak/react-navigation'
2. Add a bottom navigation to the app.
<Navigation variant="bottom" columns={3} breakPoint="lg">
<div>Home</div>
<div>About</div>
<div>Contact</div>
</Navigation>
3. Available props.
backgroundColor: string
breakPoint: false | 'sm' | 'md' | 'lg'
children?: React.ReactNode
className: false | string
columns: false | number
safeAriaHeight: string
height: string
shadow: false | string
style: {}
variant: 'top' | 'bottom'
zIndex: number | false
Preview:
Download Details:
Author: makarimi76
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/makarimi76/react-navigation
License: MIT
