feat(form-field): Add form-field component

Author: immohammadjaved

projects/core/src/lib/form-field.ts

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from "@angular/core";
+import { tv } from "tailwind-variants";
+import { NgpFormField } from "ng-primitives/form-field";
+
+const formFieldVariants = tv({
+    base: ''
+});
+
+@Directive({
+    selector: '[uiFormField]',
+    exportAs: 'uiFormField',
+    host: {
+        '[class]': 'computedClass()'
+    },
+    hostDirectives: [NgpFormField],
+})
+export class UiFormField {
+    inputClass = input<string>('', { alias: 'class' });
+    computedClass = computed(() => formFieldVariants({ class: this.inputClass() }));
+}
+

projects/core/src/public-api.ts

@@ -11,4 +11,5 @@ export * from './lib/tooltip';
 export * from './lib/card';
 export * from './lib/toast';
 export * from './lib/separator';
-export * from './lib/input';
+export * from './lib/input';
+export * from './lib/form-field';