https://github.com/sandeepbalachandran/ngx-sand-simple-select

Simple angular custom select dropdown library
https://github.com/sandeepbalachandran/ngx-sand-simple-select

angular8 custom-select ng-select ngx-sand-simple-select ngx-select ngx-simple-select

Last synced: about 1 month ago
JSON representation

Simple angular custom select dropdown library

• Host: GitHub
• URL: https://github.com/sandeepbalachandran/ngx-sand-simple-select
• Owner: SandeepBalachandran
• License: mit
• Created: 2021-01-20T15:08:52.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-24T14:24:09.000Z (over 2 years ago)
• Last Synced: 2023-03-07T12:17:07.501Z (almost 2 years ago)
• Topics: angular8, custom-select, ng-select, ngx-sand-simple-select, ngx-select, ngx-simple-select
• Language: TypeScript
• Homepage: https://sandeepbalachandran.github.io/ngx-sand-simple-select/
• Size: 988 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        

ngx-sand-simple-select


 An angular select package




 

  

    

   

  

    

  

  

    

  

  

    

  

  

  

    

  

  

  

    

  

  

   

    

  

   

    

  

  

    

  

  





## Demo 

![](https://github.com/SandeepBalachandran/ngx-sand-simple-select/raw/main/assets/demo.gif) 

* [Live Demo](https://sandeepbalachandran.github.io/ngx-sand-simple-select/)

* [Playground](https://stackblitz.com/edit/sand-simple-select)

* [NPM package](https://www.npmjs.com/package/ngx-sand-simple-select)

## Table of contents

* [Features](#features)

* [Installation](#getting-started)

* [API](#api)

* [Usage](#usage)

## Features

* Search available.

[Goto Top](#table-of-contents)

## Getting Started

### Step 1 : Install the package 

#### NPM

```cmd

npm install ngx-sand-simpleselect

```

### Step 2 : After installation import SandSimpleSelectModule into your root or feature module

```cmd

import { SandSimpleSelectModule } from 'sand-simple-select'

```

### Step 3 : Add ``` SandSimpleSelectModule``` to the imports of your NgModule

```cmd

@NgModule({

  imports: [

    ...,

    SandSimpleSelectModule

  ],

  ...

})

class YourModule { ... }

```

### Usage  

* Use ``` ``` in your templates to add the default dropdown in your view like below

```ts

  

    

 ```

  | Property        | Purpose                                                                                               | Type   | Default value  | Mandatory  |

  | ----------------|------------------------------------------------------------------------------------------------------ |--------|----------------|----------------|

  | dropdowndata      | The array to be passed on the component                                  | array |            |  |

  | disabledropdwon     | disable option for the component                                                                       | |      |  |

  | selectLabel          | Initial label for the select                                                                   |  |             |  |

  | select  | The event once the value is selected from the dropdown                              |  |             |  |

  | search  | The event once start searching on the input field                                                              |  |             |  |

  | open | The event once the dropdown is opened                                                       |  |             |  |

  | close  | The event once the dropdown is closed                                 |  |             |  |

 

 [Goto Top](#table-of-contents)

 

 ## Help Improve

Found a bug or an issue with this? [Open a new issue](https://github.com/SandeepBalachandran/ngx-sand-simple-select/issues) here on GitHub.

## Contribute

Please check the [**Contributing Guidelines**](https://github.com/SandeepBalachandran/ngx-sand-simple-select/blob/main/CONTRIBUTING.md) before contributing.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.5.