@telperion/ng-ui

Angular UI element library organized as ng-packagr secondary entry points.

Installation

pnpm add @telperion/ng-ui

Entry points

| Subpath | Exports | | ------------------------------- | ---------------------------------------- | | @telperion/ng-ui | Library version constant | | @telperion/ng-ui/form | (placeholder for future form-level APIs) | | @telperion/ng-ui/form/field | FieldComponent, FieldModule |

Usage

import { NgModule } from '@angular/core';
import { FieldModule } from '@telperion/ng-ui/form/field';

@NgModule({
  imports: [FieldModule],
})
export class AppModule {}

<tui-field>...</tui-field>

FieldComponent is not standalone and must be used through FieldModule.

Tailwind v4

Components ship pre-compiled with utility classes baked into their templates as plain strings. To make those utilities visible in your app, your application must run Tailwind v4 and tell it to scan this package:

/* your-app/styles.css */
@import "tailwindcss";
@source "../node_modules/@telperion/ng-ui/**/*.{mjs,js}";

Development

pnpm nx run ng-ui:storybook        # http://localhost:6008
pnpm nx run ng-ui:build
pnpm nx run ng-ui:build-storybook
pnpm nx run ng-ui:lint

See also: https://github.com/telperiontech/telperion/tree/main/libs/ng-ui/form, https://github.com/telperiontech/telperion/tree/main/libs/ng-ui/form/field.