@uniformdev/toolbar-angular

Thin Angular adapter for the Uniform toolbar. The UI and CSS live in @uniformdev/toolbar-element — this package only mounts that custom element with your app's Context.

Install

npm i @uniformdev/toolbar-angular

Peers: @angular/core, @angular/common, @uniformdev/context, @uniformdev/context-angular.

Usage

import { provideUniformContext } from '@uniformdev/context-angular';
import { UniformToolbarComponent } from '@uniformdev/toolbar-angular';

// app.config.ts — Context is required; provideUniformToolbar() is optional
providers: [provideUniformContext({ ... })]

<!-- app template — no CSS import needed -->
<uniform-toolbar />
<uniform-toolbar simulator />
<uniform-toolbar [disabled]="editing()" />

Optional labels / quirk groups:

import { provideUniformToolbar } from '@uniformdev/toolbar-angular';

provideUniformToolbar({
  labels: () => fetch('/api/uniform-context-labels').then((r) => r.json()),
  quirkGroups: [{ title: 'Geo', ids: ['vc-city', 'vc-country'] }],
})