# @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
```bash
npm install @openmfp/ngx
```
### Usage
All components are standalone — import them directly in your component or module:
```typescript
import { DeclarativeTable, DeclarativeForm, Dashboard } from '@openmfp/ngx';
@Component({
imports: [DeclarativeTable],
template: ``,
})
export class MyComponent {}
```
## Components
### Declarative UI
| Selector | Description | Documentation |
|---|---|---|
| `` | Data table driven by a JSON schema | [docs/declarative-table.md](https://github.com/openmfp/webcomponents/blob/main/docs/declarative-table.md) |
| `` | Form driven by a JSON schema | [docs/declarative-form.md](https://github.com/openmfp/webcomponents/blob/main/docs/declarative-form.md) |
| `` | Table with card wrapper and create/edit/delete dialogs | [docs/declarative-table-card.md](https://github.com/openmfp/webcomponents/blob/main/docs/declarative-table-card.md) |
| `` | Drag-and-drop dashboard layout | [docs/dashboard.md](https://github.com/openmfp/webcomponents/blob/main/docs/dashboard.md) |
## NeoNephos Foundation
This project is part of the [NeoNephos Foundation](https://neonephos.org), a Linux Foundation Europe initiative.
