Jvx-multiselect

Jvx-multiselect is a multipurpose - multiselect material web component which manages both synchronous and asynchronous selections.

Todo

• Import vuetify style in the web component

Build

npm install
npm run build-wc

Installation & use

Use npm link to include jvx-multiselect in your project.

Angular10

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import {CUSTOM_ELEMENTS_SCHEMA, NgModule} from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule { }

custom.component.ts

import {Component} from '@angular/core';
import 'jvx-multiselect';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'angular-test';
  options = [
                {value: 0, text: 'Val 0'}, 
                {value: 1, text: 'Val 1'}, 
                {value: 2, text: 'Val 2'}
            ];
}

custom.component.html

<jvx-multiselect [options]="options"></jvx-multiselect>