@web-components-libs/angular

Esta librería proporciona componentes web listos para usar en proyectos Angular.

Instalación

Ejecuta el siguiente comando en la raíz de tu proyecto Angular:

npm i @web-components-libs/angular

Configuración

Para que los estilos de los componentes funcionen correctamente, agrega la siguiente ruta en la sección styles de tu archivo angular.json:

"styles": [
  "./node_modules/@web-components-libs/angular/styles.scss",
  // ...otros estilos
]

¡Listo! Ahora puedes usar los componentes de la librería en tu proyecto Angular.

Ejemplo de uso

1. Importa el módulo en tu aplicación:

Ejemplo módulo:

import { WebComponentsLibsModule } from '@web-components-libs/angular';

@NgModule({
  imports: [
    WebComponentsLibsModule,
    // ...otros módulos
  ],
})
export class AppModule {}

Ejemplo componente standalone:

import { WebComponentsLibsModule } from '@web-components-libs/angular';

@Component({
  imports: [
    WebComponentsLibsModule,
    // ...otros módulos
  ],
})
export class App {}

2. Usa los componentes en tus templates:

<pr-button
  label='Botón de ejemplo'
  theme='primary'
  (clickEvent)="handleClick()"
/>

Consulta la documentación de cada componente para más detalles sobre sus propiedades y eventos.