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

Module Bundel

-
package.,json {    "name" :  " moduletutorial " ,    "version" :  " 1.0.0 " ,    "description" :  " creating module " ,    "main" :  " dom.js " ,    "scripts" : {      "test" :  " echo  \" Error: no test specified \"  && exit 1 " ,      "start" :  " webpack "   },    "author" :  "" ,    "license" :  " ISC " ,    "dependencies" : {      "webpack" :  " ^4.39.3 " ,      "webpack-cli" :  " ^3.3.8 "   } } webpack.config.js var   path   =   require ( " path " ); module . exports   =  {     entry: ' ./app.js ' ,     output: {         path:  path . resolve (__dirname),         filename:  ' main.js '     },     mode:  ' development ' }
Read more

Power of async and Promise

-
///////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////// Async //////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////// // const promise = fetch('https://jsonplaceholder.typicode.com/todos') // promise // .then(res => res.json()) // .then(data => console.log(data)) // .catch(err => console.log(err)) const getBlogs = async ( name ) => { const fruits = { " one " : " One 1 " , " two " : " Two 2 " , " three " : " Three 3 " } await delay ( 2000 ); return Promise . resolve ( fruits [ name ]); } // for small const makeMe = async () => { try {
Read more