# 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