0.0.7 • Published 2 years ago

sv-menu-teste v0.0.7

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

SV- Menu (v0.1.0) (BETA)

SV-menu é um componente para ambiente de menu, com sidebar e navbar com o objetivo de ser altamente customizável (EM BETA).

Para começar a usar o SV-Menu

Instale o sv-menu:

  yarn add sv-menu
  -ou-
  npm install sv-menu  

Em seguida, instale usando npm ou yarn as dependências do sv-menu:

  yarn add styled-components @types/styled-components react-icons
  -ou-
  npm install styled-components @types/styled-components react-icons

Exemplo básico

import Menu from 'sv-menu'
import { AiFillHome } from 'react-icons/ai'function App() {
  
  return (
    <Menu 
      menuList={
        [
        {
            icon: <BiCodeAlt />,
            text: "Item",
            onClick: () => alert("Clicado!")
        },
        ]
      }
    />
  );
}

Parâmetros

Menu

ParâmetroTipoDescrição
menuListobject[]Lista de menu que apareçerão no sidebar
menuList.item textstringTexto do menuItem.
menuList.item iconReact.ChildIcone menuItem
menuList.item active?booleanDeternimar se o menuItem estará em modo active.
menuList.item onClickfunction() {}Função que será ativa quando clicar no menuItem
isMinificatedbooleanPermitir função de minificar/expandir o sidebar, o padrão é true.
navbarStyle?React.CSSPropertiesEstilização customizada para o navbar.
sidebarStyle?React.CSSPropertiesEstilização customizada para o sidebar.
wrapperStyle?React.CSSPropertiesEstilização customizada para o wrapper
typeMenu?"side-navbar", "only-sidebar", "only-navbar"Escolha entre exibir tanto o sidebar quando o navbar, exibir apenas o sidebar ou exibir apenas o navbar.
menuItemHoverType?"default", "line-left"Escolha o tipo de hover para o seu menuListItens
menuItemOptions{ styles: {} }Opções de definição, configuração e estilização geral em relação aos menuItem do sidebar.
0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago