Page Appearance
- To get the default value of page style or card style, navigate to this path src/store/setting/state.ts.
Page Layout
- Property: "page_layout"
- Choices: 'container', 'container-fluid'
- Values are in string
Example
"page_layout": {"value": "container-fluid"}
Theme Style Appearance
- Property: "theme_style_appearance"
- Choices:'theme-default', 'theme-flat', 'theme-bordered', 'theme-sharp'
- Values are in array
Example
"theme_style_appearance": {"value": ["theme-default"]}
Card Style
- Property: "card_style"
- Choices:'card-default', 'card-glass', 'card-transparent'
- Values are in string
Example
"card_style": {"value": "card-default"}
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.
Page Layout
const pageLayout = useSelector(SettingSelector.page_layout)
Theme Style Appearance
const themeStyleAppearance = useSelector(SettingSelector.theme_style_appearance)
Card Style
const cardStyle = useSelector(SettingSelector.card_style)
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 { page_layout } 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.
Page Layout
dispatch(page_layout(value))
Theme Style Appearance
dispatch(theme_style_appearance(value))
Card Style
dispatch(card_style(value))