MobileNavbar

MobileNavbar é uma barra de navegação móvel localizada na parte inferior da tela.

---

Quando usar:

• Em aplicações móveis ou responsivas que exigem uma navegação simples e acessível.
• Quando for necessário fornecer acesso rápido a seções principais do aplicativo.
• Para substituir navegações complexas em telas pequenas, mantendo a usabilidade.

Quando não usar:

• Em telas grandes (desktop), onde uma navbar lateral ou superior é mais apropriada.
• Quando o número de itens de navegação é muito grande (mais de 5 itens).

---

Uso

<CdsMobileNavbar
	variant="green"
	size="md"
	text="Lorem Ipsum"
	@click="mobileNavbarClick = true"
/>

---

Preview

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* items (required)	array		--	Define os itens de menu da navbar.
variant	string	'green'	green teal blue indigo violet pink red orange amber dark	Define a variante de cor dos detalhes do componente. São 9 variantes implementadas: 'green', 'teal', 'blue', 'indigo', 'violet', 'pink', 'red', 'orange', 'amber', 'gray' e 'dark'.
showLabel	boolean	false	--	Remove as labels dos itens da navbar.
* activeItem (required)	object	{}	--	O item ativo da NavBar

Eventos

Nome	Descrição
@item-click