---
name: MagaSideNav
route: /components/maga-side-nav
menu: Components ⚡️
---

import { Playground, Props } from "docz";
import MagaSideNav from "../index.tsx";
import * as mocks from "../mocks";
import "../styles/index.css";
import "../../maga-super-menu/styles/index.css";
import "../../maga-vertical-menu/styles/index.css";
import "../../maga-super-menu/components/side-super-menu/styles/index.css";

# MagaSideNav

Menu padrão

## Props

## Uso básico

<Playground>
  <MagaSideNav
    system={mocks.SYSTEM}
    dataUser={mocks.DATA_USER}
    dropdownSideMenu={mocks.DROP_DOWN_SIDE_MENU}
    verticalMenu={mocks.MENU_MODULES}
    horizontalMenu={mocks.MENU_MODULES}
    superMenu={mocks.SUPER_MENU}
  >
    teste
  </MagaSideNav>
</Playground>