‚̧National Park of Minnesota
    Wondering what‚Äôs next for npm?Check out our public roadmap! ¬Ľ

    cubex-multiselect-dropdown2
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.13¬†‚Äʬ†Public¬†‚Äʬ†Published

    Installation

    npm install --save cubex-multiselect-dropdown

    Usage

    import { MultiselectDropdownModule } from 'cubex-multiselect-dropdown';
     
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        MultiselectDropdownModule, ########'Cubex Dropdown'
      ],
      providers: [],
      bootstrap: [AppComponent]
    })

    HTML file

    <cubex-singleselect-dropdown
       [selectionWidth]="11"
       [width]="111"
       [height]="200" 
       [isOpen]="false" 
     
       [data]='[ 
             { "name": "Option1", value:"Option1" },
             { "name": "Option2", value:"Option2" },
             { "name": "Option3","value":"Option3" }]'
       [displayKey]="'name'"
       [toggleKey]="'value'"  
       (onChange)="multiselectOnchage($event)" 
     
       [label]="'Entities'" 
       [placeholder]="'Select an option'"
      >
    </cubex-singleselect-dropdown>
     
    ////////////////////////////////////////////////////////////////
     
    <cubex-multiselect-dropdown
       [selectionWidth]="11"
       [width]="111"
       [height]="200" 
       [isOpen]="false" 
     
       [data]='[ 
             { "name": "Option1", value:"Option1" },
             { "name": "Option2", value:"Option2" },
             { "name": "Option3","value":"Option3" }]'
       [displayKey]="'name'"
       [toggleKey]="'value'"  
       (onChange)="singleselectOnchage($event)" 
     
       [label]="'Entities'" 
       [placeholder]="'Select an option'"
      >
    </cubex-multiselect-dropdown>
     

    TS file

      /**
       * singleselectOnchage
       * $event will return selected data [] 
       */
      singleselectOnchage($event){
        console.log($event);
      }
      
     /**
       * multiselectOnchage
       * $event will return selected data [] 
       */
      multiselectOnchage($event){
        console.log($event);
      }
      
     

    License

    MIT

    Author

    Ramesh M (Developer)

    Install

    npm i cubex-multiselect-dropdown2

    DownloadsWeekly Downloads

    2

    Version

    1.0.13

    License

    SEE LICENSE IN LICENSE

    Unpacked Size

    517 kB

    Total Files

    38

    Last publish

    Collaborators

    • avatar