[!Note] ngx-lib-dev is a library designed with you in mind 😊

Installation

To use ngx-lib-dev in your project, you can install it via npm:

npm install ngx-lib-dev

Or, if you prefer using yarn:

yarn add ngx-lib-dev

[!TIP] Make sure you have npm or yarn installed on your system before running these commands.

For now ngx-lib-dev , a normal carousel and a multiple carousel are being developed. 🤞

Usage normal carousel recommended

lib-carrusel-container [libHeight]="300" carrusel="one">
  <lib-one-carrusel>prueba1</lib-one-carrusel>
  <lib-one-carrusel>prueba2</lib-one-carrusel>
  <lib-one-carrusel>prueba3</lib-one-carrusel>
</lib-carrusel-container>

Usage multiple carousel recommended

<lib-carrusel-container carrusel="multiple" [libHeight]="300" [libWidth]="63" [libGap]="16" [libBorderRadius]="8">
  <lib-multiple-carrusel >prueba01</lib-multiple-carrusel>
  <lib-multiple-carrusel >prueba02</lib-multiple-carrusel>
  <lib-multiple-carrusel >prueba03</lib-multiple-carrusel>
  <lib-multiple-carrusel >prueba04</lib-multiple-carrusel>
</lib-carrusel-container>

[!IMPORTANT] Next, include global styles :

/* styles.css */
.carrusel-multiple-card {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 20px;
  border-radius: 8px;
}

👉remember that this is still a demo.👈