@openmfp/ngx

Angular component library for OpenMFP — declarative UI components built with Angular 21 signal-based APIs.

✨ Features

• Angular 21 - Built with the latest Angular features and signal-based APIs
• Standalone Components - No NgModule required, import directly
• Declarative UI - Table, form, and dashboard driven by JSON schemas
• TypeScript - Full type safety with strict mode
• Tree-Shakeable - Optimized bundle size with ES modules

🚀 Getting Started

Installation

npm install @openmfp/ngx

Usage

All components are standalone — import them directly in your component or module:

import { DeclarativeTable, DeclarativeForm, Dashboard } from '@openmfp/ngx';

@Component({
  imports: [DeclarativeTable],
  template: `<mfp-declarative-table [config]="tableConfig" />`,
})
export class MyComponent {}

Components

Declarative UI

| Selector | Description | Documentation | |---|---|---| | <mfp-declarative-table> | Data table driven by a JSON schema | docs/declarative-table.md | | <mfp-declarative-form> | Form driven by a JSON schema | docs/declarative-form.md | | <mfp-declarative-table-card> | Table with card wrapper and create/edit/delete dialogs | docs/declarative-table-card.md | | <mfp-dashboard> | Drag-and-drop dashboard layout | docs/dashboard.md |

NeoNephos Foundation

This project is part of the NeoNephos Foundation, a Linux Foundation Europe initiative.