@unframed/angular

Angular standalone components and form directives for Unframed web components. ngModel, formControl and formControlName work with every form control; no CUSTOM_ELEMENTS_SCHEMA needed.

npm install @unframed/angular @unframed/tokens

import { UNFRAMED } from '@unframed/angular';

@Component({
  imports: [UNFRAMED, ReactiveFormsModule],
  template: `<uf-input [formControl]="email" type="email" label="Email" required />`,
})
export class SignupComponent {
  email = new FormControl('');
}

UNFRAMED brings every component. To bundle only what you use, import components by name, from @unframed/angular or from each component's entry point:

import { UfInput, UfTextValueAccessor } from '@unframed/angular/input';

Load the tokens once, in src/styles.css: @import '@unframed/tokens/tokens.css';

Documentation · Storybook · GitHub

MIT licensed. Status: 0.x, APIs may change before 1.0.