Mobile Layout
Componente de layout para navegação mobile. Costuma-se utilizar um header
comum e abas como subrotas, diretamente no layout.
Object spread operator requires specified objectAssign option with 'Object.assign' or polyfill helper. (35:56)
Props
Prop name | Description | Type | Default | Type format |
activeRoute | | string | undefined | |
company | Empresa que o produto está | string | '' | |
hideOnScroll | | boolean | true | |
hideTabNavigation | | boolean | false | |
lang | | string | undefined | |
langOptions | Linguagens disponíveis no select. Utilizar somente en-pt-es. | array | ['pt', 'en'] | |
menuAbsolute | | boolean | false | |
menuOptions | Define as opções do menu lateral | array | undefined | Object {title:string,icon:string,isActive:boolean,options:array} |
product | | string | undefined | |
srcAvatar | | string,object | undefined | |
userEmail | Email do usuário | string | '' | |
username | | string | undefined | |
Events
Event name | Properties | Description |
change-lang | lang string - Linguagem selecionada | Evento disparado quando o usuário altera a linguagem |
click:option | option Object - Opção selecionada | Evento disparado quando o usuário clica em uma opção do menu |
click:sub | subOption Object - Sub-opção selecionada | Evento disparado quando o usuário clica em uma sub-rota do menu |
logout | | Evento disparado quando o usuário clica no botão de logout |
Slots
Name | Description | Bindings |
product | Slot para customizar a area de produto do componente | |
username | | |
content | Slot do conteúdo principal do componente | |