Skip to main content

Bottom Navigation

The Bottom Navigation component renders the bottom navigation bar when browsing from mobile.
Bottom Navigation allows users to navigate through the entire application through shortcuts that refer to the main sections (such as home, feed, messages and notifications).

Usage

 import React from 'react';
import {SCContextProvider} from '@selfcommunity/react-core';
import {BottomNavigation} from '@selfcommunity/react-ui';

function App() {
const conf = {
portal: '<community-path>',
session: {
type: 'OAuth',
token: '<community-token>',
refreshToken: '<community-refresh-token>',
refreshTokenEndpoint: '<community-refresh-endpoint>',
},
};
return (
<SCContextProvider conf={conf}><BottomNavigation /></SCContextProvider>
);
}