NGX Rigth Side Modal
Componente angular para modal lateral.
Dependências
Recursos do módulo
- Criação de Modal flutuante animada com área para conteúdo.
Instalação do módulo
Para instalar o módulo e seus recursos basta executar o seguinte comando na raiz do seu projeto Angular.
npm install @wizsolucoes/ngx-rigth-side-modal --save
Configuração do módulo
Antes de utilizar os recursos deste módulo será necessário realizar a seguinte configuração no arquivo app.module.ts do seu projeto.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { NgxRigthSideModalModule } from '@wizsolucoes/ngx-rigth-side-modal';
@NgModule({
declarations: [
AppComponent
],
imports: [
NgxRigthSideModalModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Utilização
Para utilizar este recurso, basta fazer uma chamada http convêncional, sem utilizar o começo https:// ou http://, caso o path todo seja passado nada será modificado.
<rigth-side-modal #modal navigation-title="Lorem ipsum">
<p>Lorem ipsum</p>....
</rigth-side-modal>
@ViewChild('modal') modal: NgxRigthSideModalComponent;
constructor() {}
abrirModal(): void {
this.modal.showContent();
}