@elvora/angular

Elvora UI components for Angular 17+ — standalone components, signals-based, same headless contracts as the React adapter.

Install

pnpm add @elvora/angular @elvora/themes

Peer dependencies: @angular/common, @angular/core, rxjs, zone.js.

Quick start

import { Component } from '@angular/core';
import {
  ElvoraButton,
  ElvoraCard,
  ElvoraInput,
  ElvoraThemeService,
} from '@elvora/angular';
import { defaultTheme } from '@elvora/themes';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ElvoraButton, ElvoraCard, ElvoraInput],
  template: `
    <elvora-card>
      <elvora-input placeholder="Type something"></elvora-input>
      <elvora-button variant="primary" (press)="save()">Save</elvora-button>
    </elvora-card>
  `,
})
export class AppComponent {
  constructor(theme: ElvoraThemeService) {
    theme.setTheme(defaultTheme);
  }
  save() {}
}

What's included

Same Phase 1–7 surface as the React adapter, implemented as Angular 17+ standalone components with the new signals API for state and reactivity.

License

MIT