@viveksinghind/narrative-form-angular 0.0.2 → 1.0.4

package/README.md

@@ -1,6 +1,6 @@
 # @viveksinghind/narrative-form-angular
 
-Angular components for Narrative Form — a beautiful, typewriter-style signup flow.
+Angular integration for Narrative Form, a dynamic typewriter-style sign-up flow.
 
 ## Installation
 
@@ -8,38 +8,52 @@ Angular components for Narrative Form — a beautiful, typewriter-style signup f
 npm install @viveksinghind/narrative-form-angular @viveksinghind/narrative-form-core
 ```
 
-## Features
-
-- 💅 Beautiful, animated typewriter UI out of the box
-- ⚡️ Built on top of a robust core state machine
-- 🎨 Fully customizable and themeable (using standard CSS variables)
-- 📱 Responsive and accessible
-- 🅰️ Native Angular components and services
-
-## Basic Usage
-
-Import `NarrativeFormModule` in your module (or standalone component):
+## Usage
 
 ```typescript
+import { Component } from '@angular/core';
 import { NarrativeFormComponent } from '@viveksinghind/narrative-form-angular';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [NarrativeFormComponent],
-  template: `<narrative-form [config]="formConfig" (complete)="onComplete($event)"></narrative-form>`
+  template: `
+    <narrative-form 
+      [config]="myFormConfig" 
+      (complete)="onComplete($event)">
+    </narrative-form>
+  `
 })
 export class AppComponent {
-  formConfig = {
-    // your form configuration
+  myFormConfig = {
+    form: { id: "test", name: "Test Form", version: 1 },
+    welcome: {
+      heading: "Welcome to the future",
+      subtext: "Let's get started",
+      ctaLabel: "Begin"
+    },
+    fields: [
+      {
+        key: "name",
+        type: "text",
+        prefix: "Hi, my name is",
+        validation: { required: true }
+      }
+    ],
+    done: {
+      message: "All done! Thank you.",
+    }
   };
 
-  onComplete(data: any) {
-    console.log('Form completed:', data);
+  onComplete(values: any) {
+    console.log('Form Complete!', values);
   }
 }
 ```
 
-## License
-
-MIT
+## Features
+- First-class Angular standalone components
+- Smooth CSS animations
+- Accessible form elements
+- Themeable via config

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viveksinghind/narrative-form-angular",
-  "version": "0.0.2",
+  "version": "1.0.4",
   "description": "Angular components for narrative-form — typewriter-style sign-up flow",
   "author": "Vivek Singh <vivekSinghInd>",
   "license": "MIT",