@ivandt/importer-angular

Angular wrapper for the @ivandt/importer web component.

Installation

npm install @ivandt/importer @ivandt/importer-angular

Usage

Basic Example

import { Component } from '@angular/core';
import { IvtImporterComponent } from '@ivandt/importer-angular';
import type { IvtSchema } from '@ivandt/importer';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [IvtImporterComponent],
  template: `
    <div style="height: 600px">
      <ivandt-importer [schema]="schema" />
    </div>
  `
})
export class AppComponent {
  schema: IvtSchema = {
    title: 'Customer Import',
    fields: [
      {
        key: 'name',
        label: 'Full Name',
        type: 'text',
        validators: [{ type: 'required' }]
      },
      {
        key: 'email',
        label: 'Email',
        type: 'text',
        validators: [{ type: 'email' }]
      }
    ]
  };
}

Props

| Prop | Type | Required | Description | |------|------|----------|-------------| | schema | IvtSchema | Yes | The schema configuration for your importer |

TypeScript

Import types from @ivandt/importer:

import type { IvtSchema } from '@ivandt/importer';

For full Importer documentation, see the Ivandt.

License

Proprietary - See LICENSE file