Create README.md files

-

Create README File



Dummy File.


# Cubex dropdown

Used to create Single / Multiselect dropdown. 

## Installation


```bash
npm install --save cubex-multiselect-dropdown
```

## Usage
```ts
import { MultiselectDropdownModule } from 'cubex-multiselect-dropdown';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MultiselectDropdownModule, ########'Cubex Dropdown'
  ],
  providers: [],
  bootstrap: [AppComponent]
})
```

## HTML file
```html
   [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'"
  >

////////////////////////////////////////////////////////////////

   [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'"
  >

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

```

## Contributing
Cubex Dropdown is developed by a team of Cerulean developers in India. If any feedback or bugs please contact [rameshirreplaceable@gmail.com]()

Please make sure to update tests as appropriate.

## License
[MIT](http://www.ceruleaninfotech.com/)

## Author

[Ramesh M]() (Developer)




Comments

Post a Comment

Popular posts from this blog

Service worker fetch all data

-
main.js // Make Sure service work is supported if ( ' serviceWorker ' in navigator ){ console . log ( ' Service work is supported ' ); window . addEventListener ( ' load ' , () => { navigator . serviceWorker . register ( ' ./sw_cached_pages_V2.js ' ) . then ( reg => console . log ( " Service Worker: Registered " )) . catch ( err => console . log ( ` Service Worker: Error : ${ err } ` )) }) } sw_cached_pages_V2.js // Service Worker Fetch all data from sites const cacheName = " v2 " ; // call install Events self . addEventListener ( ' install ' , function ( event ) { }); // call Activate Events self . addEventListener ( ' activate ' , e => { console . log ( " ServiceWorker: Activated " ); e . waitUntil ( caches . keys (). then ( cacheNames => { return Promise . all ( ...
Read more

async css loading..

-
< link   rel = " stylesheet "   href = " ./css/cui-standard.min.css "   media = " none "   onload = " if ( media   !=' all ' ) media =' all '" >      < link   rel = " stylesheet "   href = " ./css/style.css "   media = " none "   onload = " if ( media !=' all ' ) media =' all '" >      < noscript >          < link   rel = " stylesheet "   href = " ./css//cui-standard.min.css " >          < link   rel = " stylesheet "   href = " ./css//style.css " >      </ noscript >
Read more

Javascript Prototype to Class

-
Prototype /**         * Leve 0         */          function   Animal ( name ) {              let   obj   =  {};              obj . name   =   name ;              obj . myName   =   function () {                  console . log ( obj . name )             }              return   obj         }          let   dog   =   Animal ...
Read more