Componente Navbar

El componente Navbar proporciona una barra de navegación superior personalizable con un logotipo y título.

Uso en Componentes

Utilizando en un Componente

Puedes integrar el componente Navbar en tus componentes de la siguiente manera:

<template>
  <div>
    <Navbar
      :logo="logoUrl"
      :title="appTitle"
      :background="'#0162A0'"
      :colorText="'#fff'"
    />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const logoUrl = `${baseApiUrl}/images/logo.svg`;
const appTitle = 'Aplicación';
</script>

Propiedad/Configuración	Tipo	Descripción
logo	String	URL del logotipo.
title	String	Título de la aplicación.
background	String	Color de fondo de la barra de navegación.
colorText	String	Color del texto en la barra de navegación.