Navbar Appearance

• To get the default value of Navbar style, navigate to this path src/store/setting/state.ts.

Header Navbar

• Property: "header_navbar"
• Choices: 'default', 'navs-sticky', 'nav-glass', 'navs-transparent'
• Values are in string

Example

"header_navbar": {"value": "default"}

Header Navbar Hide

• Property: "navbar_show"
• Choices: "iq-navbar-none"
• If you want to default to none navbar , then pass "iq-navbar-none" as the value in the following code snippet.
• Values are in array

Example

"navbar_show": {"value": [],},

To get the current value of the following you can use:

• first import useSelector from next-redux.
• import the selectors files from src/store/setting/selectors in your component.
• import this file as top of your component using following example code in your component.

import { useSelector } from "next-redux";
import * as SettingSelector from '../store/setting/selectors'

• then use the following code in your component to get the current value.

Header Navbar

const headerNavbar = useSelector(SettingSelector.header_navbar)

Header Navbar Hide

const navbarHide = useSelector(SettingSelector.navbar_show)

To use action you can use dispatch to update state.js.

• first import usedispatch from next-redux.
• import the actions files from src/store/setting/actons in your component.
• import this file as top of your component using following example code in your component.

import { useDispatch } from "next-redux";
import { header_navbar } from "../../../store/setting/actions";

• then write the following code inside the function component for use of dispatch method inside your component.

const dispatch = useDispatch();

• then use the following code in your component to dispatch or change the new value of scheme.

Header Navbar

dispatch(header_navbar(value))

Header Navbar Hide

dispatch(navbar_show(value))