AEFV Side Menu

Descripción

AEFV Side Menu es un componente de Angular que proporciona un menú lateral personalizable para tus aplicaciones. Facilita la navegación y mejora la experiencia del usuario con un diseño moderno y responsivo.

Instalación

Para instalar el componente, ejecuta el siguiente comando:

npm install aefv-side-menu

Uso

Importa el componente en tu módulo de Angular:

import { AefvSideMenuComponent } from 'aefv-side-menu';

@NgModule({
  declarations: [
    AefvSideMenuComponent,
    // otros componentes
  ],
  // ...
})
export class AppModule { }

Luego, puedes utilizar el componente en tus plantillas:

<aefv-side-menu
  [isAuthenticated]="usuarioAutenticado"
  (onSignIn)="manejarInicioSesion()"
  (onSignOut)="manejarCierreSesion()"
  [title]="titulo"
  [subtitle]="subtitulo"
  [titleColor]="TitleColor.red"
></aefv-side-menu>

Propiedades

Inputs

• isAuthenticated: boolean

  Determina si el usuario está autenticado. Controla la visualización de los botones de Login y Logout.

• title: string

  Define el título que se muestra en el menú lateral.

• subtitle: string

  Define el subtítulo que se muestra debajo del título en el menú lateral.

• titleColor: TitleColor

  Determina el color del título del menú lateral. Puedes elegir entre 'red', 'green', 'blue' o 'purple'.

Outputs

• onSignIn: EventEmitter<void>

  Emite un evento cuando el usuario hace clic en el botón de Login.

• onSignOut: EventEmitter<void>

  Emite un evento cuando el usuario hace clic en el botón de Logout.

Personalización

Puedes personalizar el menú lateral ajustando las propiedades y estilos según tus necesidades. El componente utiliza Tailwind CSS para facilitar la personalización de estilos.

Contribución

Las contribuciones son bienvenidas. Por favor, abre un issue o envía un pull request en el repositorio de GitHub.

Licencia

Este proyecto está licenciado bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.

End Generation Here