Luzmo Lucero Design System - Angular Wrappers

Standalone Angular wrapper components for Lucero web components

This package provides Angular wrappers for the Luzmo Lucero Design System web components.

Installation

npm install @luzmo/ngx-lucero @luzmo/lucero @angular/core @angular/forms

Requirements

• Angular >= 17.3 (the wrappers use the functional output() API).
• The peer package @luzmo/lucero provides the underlying custom-element classes that the wrappers register at import time.

Usage

import { Component } from '@angular/core';
import { LuzmoButton } from '@luzmo/ngx-lucero';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [LuzmoButton],
  template: `<luzmo-button>Click me</luzmo-button>`
})
export class AppComponent {}

The wrapper class name mirrors the host element (LuzmoButton); the underlying HTMLElement subclass type is re-exported as LuzmoButtonElement for @ViewChild / ElementRef<T> use cases.

Notes

• This package depends on @luzmo/lucero for the underlying custom elements.
• Keep this file under wrappers/angular/package/ to customize published README content.