igniteui-angular-extras 18.2.4 → 19.0.0

package/README.md

@@ -19,14 +19,52 @@ npm install igniteui-angular-extras
 
 
 2. After the package is installed go ahead and:
+
+## Updated Usage
+
+### Before Version 19.x
+
+In versions prior to 19.x, Ignite UI for Angular Extras required adding the `IgxExtrasModule` to your `app.module.ts` to enable components and directives. After installing the package, you would include the module in your `app.module.ts` as follows:
+
 - Add the `IgxExtrasModule` to your app.module.ts
 - Apply `igxChartIntegration`, `igxConditionalFormatting`, `igxContextMenu` directives to your grid:
 
+
+
+```typescript
+import { IgxExtrasModule } from 'igniteui-angular-extras';
+
+@NgModule({
+  declarations: [ ... ],
+  imports: [ IgxExtrasModule, ... ],
+  bootstrap: [ ... ]
+})
+export class AppModule { }
+```
+
+```html
+<igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
+    [autoGenerate]="true" [paging]="true" [data]="localData" >
+</igx-grid>
+```
+
+### After Version 19.x
+
+Since version 19.x, Ignite UI for Angular Extras has adopted standalone components and directives, removing the need to add `IgxExtrasModule` to your `app.module.ts`. You can now directly import the required components and directives as standalone elements.
+
+```typescript
+import { PageHeaderComponent } from 'igniteui-angular-extras';
+import { IgxChartIntegrationDirective } from 'igniteui-angular-extras';
+import { IgxConditionalFormattingDirective } from 'igniteui-angular-extras';
+import { IgxContextMenuDirective } from 'igniteui-angular-extras';
+```
+
 ```html
 <igx-grid #grid1 igxChartIntegration igxConditionalFormatting igxContextMenu
     [autoGenerate]="true" [paging]="true" [data]="localData" >
 </igx-grid>
 ```
+
 3. Execute `npm run start`
 
 ### Build