ngx-orange-components v0.0.2

NgxOrangeComponents

Esta librería de UI Coponents fue generada con Angular CLI versión 17.3.0. Solo contiene el componente del Header para mostrar el logo y enlaces de navegación, entre páginas de la misma aplicación o páginas externas.

Instalación

La librería se debe instalar en proyectos de Angular versión 17.3.0.

npm i ngx-orange-components

Implementar en la Aplicación

Importar el Módulo y la Interfaz en el archivo .ts del componente donde se desea utilizar.

import { CustomUiModule, LinksI } from 'ngx-orange-components';

Definir los elementos que se desean mostrar en los enlaces de navegación.

links: LinksI[] = [
  {
    name: "Inicio",
    router: ['/'],
    isExternal: false
  },
  {
    name: "Sobre Nosotros",
    router: "https://www.pokemon.com/el/pokedex",
    isExternal: true
  },
]

Implementar el componente de la librería en el archivo .html del componente donde se desea utilizar.

<ngx-orange-ui-header [links]="links">
  <div logo>
    <img
      width="64"
      height="64"
      src="https://img.icons8.com/cute-clipart/64/pokemon.png"
      alt="logo"
    />
  </div>
</ngx-orange-ui-header>

Nota

Esta es una librería de prueba para generar componentes que se puedan utilizar en el desarrollo de la apicación de acuerdo a la arquitectura de Microfronends.