Crema React
v-3
v-3
  • About Crema
  • Crema 4.x (Next version)
  • Overview
    • Crema Overview
    • Folder Structure
      • @crema
      • page
      • redux
      • shared
      • types
    • GitHub Access
    • Slack Community
    • Figma File
  • Development
    • Installation
      • Pre-Requisites
      • Installing Crema
    • Route Overview
    • Add New Route
    • Auth User
    • Authentication Methods
    • API Calls
    • Multilingual
      • Adding New Language
      • Changing Language
    • Style Framework
  • MUI
    • Theme Color
    • Sidebar Configuration
      • Adding New Menu
      • Menu Color Theme
    • Navigation Style
    • Footer Configuration
      • Footer
      • Footer Type
    • Template Mode
    • Template Direction
  • Next-Js
    • About Next.JS
    • Folder Structure
    • Installing Next jS
    • Authentication
    • Add New Route
    • Deploy to server
  • FAQ
  • React Bootstrap
    • About React-Bootstrap
    • Styled Framework
    • RTL
    • Dark Theme
  • ANT Design
    • About Crema Ant
    • Style Framework
  • Servers
    • Python
    • Laravel
    • Mongoose
  • Credits
  • Crema V-2
Powered by GitBook
On this page

Was this helpful?

  1. MUI

Sidebar Configuration

Last updated 3 years ago

Was this helpful?

In Crema, Sidebar menu has 3 different components as below .

1. Menu Group

2. Collapsible Menu

3. Menu Item

Any Navigation Menu Item that is not associated with any group of navigations and does not have its children navigations is considered to be Individual navigation(Menu Item).

The Code structure of the Sidebar(Navigation Menu) as below

    id: 'dashboards',                          // Id of the Menu Group
    title: 'Dashboards',                       // Title of the Menu Group
    messageId: 'sidebar.app.dashboard',        // Localization id of the Menu Group
    type: 'group',  group/collapse/item        // Type of menu of the Menu Group
    permittedRole: RoutePermittedRole.admin,   // Allowed to visible User Role
    url: '/app/my-profile'                     // path of the menu navigation
    children: []                               // children of the Menu Group

In above structure we can make any type of the menu by changing the type of object. It could be a group/collapse/item.

Name
Type
Description

id

string

Id of the menu

title

string

Title of the menu

type

group

collapse

item

Type of menu of the Menu Group

permittedRole

RoutePermittedRole.admin

RoutePermittedRole.user

Allowed to visible User Role

by default it visible to all type of users

url

string

Path for the menu navigation