Skip to content

Este Dashboard é um compilado de diversos componentes disponíveis na comunidade, utilizando o NextJS com Typescript e Styled-Components

License

Notifications You must be signed in to change notification settings

pablogeokar/nextjs-sc-dashboard

Repository files navigation

Vercel GitHub stars GitHub forks GitHub issues GitHub license David
Screenshot Screenshot Screenshot Screenshot

1 - Configurando o tema

As configurações iniciais do tema estão em src/pages/_app_.tsx

const theme = {
  colors: {
    primary: "#0a3d62",
    sidebar: "#0a3d62",
    sidebarHover: "#012c4d",
    sidebarActiveColor: "#0ab4df",
  },
  sidebar: {
    width: "260px",
  },
};

2 - Configurando as opções da Sidebar

Editar o arquivo config/sidebar.json

[
  {
    "label": "Dashboard",
    "iconClass": "bx bx-grid-alt",
    "path": "/"
  },
  {
    "label": "Cadastros",
    "iconClass": "las la-users",
    "subMenu": [
      {
        "label": "Clientes",
        "path": "#"
      },
      {
        "label": "Empresas",
        "path": "#"
      }
    ]
  }
]

About

Este Dashboard é um compilado de diversos componentes disponíveis na comunidade, utilizando o NextJS com Typescript e Styled-Components

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published