@unofficialbox/box-open-elements-angular

Typed standalone Angular 20 directives for box-open-elements. Import Button, TextField, Select, and Dialog in a standalone component to get typed inputs, custom-event outputs, element access, and automatic registration.

npm install @unofficialbox/box-open-elements @unofficialbox/box-open-elements-angular @angular/core

import { Component } from "@angular/core";
import { Button, Select, TextField } from "@unofficialbox/box-open-elements-angular";

@Component({
  standalone: true,
  imports: [Button, Select, TextField],
  template: `<box-select [options]="options" (value-changed)="setStatus($event)" />`,
})
export class Example {
  options = [{ label: "Draft", value: "draft" }];
  setStatus(event: CustomEvent<{ value: string }>) {}
}

createExplorerSelectionSignal(controller) exposes the shared selection controller as a scoped Angular signal. Supported as of 0.7.0: the first public lockstep adapter release, verified by a clean registry install.