Como instalar y utilizar DDR Toast de la biblioteca DDR

Hola a todos, hoy os voy a explicar como podemos instalar y utilizar el componente DDR Toast de la biblioteca DDR.

Aquí puedes ver la documentación del componente.

El componente ddr-toast es un componente para mostrar notificaciones en diferentes estados.

Para instalar el componente, abre una terminal y escribe: npm i ddr-toast

Después, debes agregar el módulo DdrToastModule a tu app.module.ts

Para utilizarlo, debes hacer lo siguiente:

En el componente que quieras utilizarlo, debes inyectar el servicio DdrToastService


constructor(private toastService: DdrToastService) { }

En el HTML, debes colocar el selector del componente ddr-toast. Como consejo para no tener que repetirlo en cada componente lo puedes poner en el app.component.html


<ddr-toast></ddr-toast>

Te dejo un ejemplo en vivo:

Recuerda que si quieres aprender a como realizar la tuya, lo puedes ver en nuestro curso de angular de Crea tu propia biblioteca de componente con Angular.

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *