Page Appearance

1. page_layout
   - for layout of page there are 2 options given below. Values are in string.

   "page_layout": {
   "value": "container-fluid"
   },
   choices: 'container', 'container-fluid'

2. theme_style_appearance
   - for card apperance there are 4 options given below. Values are in array.

   "theme_style_appearance": {
   "value": [
   "theme-default"
   ]
   },
   choices: 'theme-default', 'theme-flat', 'theme-bordered', 'theme-sharp'

3. card_style
   - for card design there are 3 options given below. Values are in string.

   "card_style": {
   "value": "card-default"
   },
   choices: 'card-default', 'card-glass', 'card-transparent'

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

   page_layout

   const pageLayout = useSelector(SettingSelector.page_layout)

   theme_style_appearance

   const themeStyleAppearance = useSelector(SettingSelector.theme_style_appearance)

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

   page_layout

   dispatch(page_layout(value))

   theme_style_appearance

   dispatch(theme_style_appearance(value))