Demo

• Live Demo
• [Playground])
• NPM package

Table of contents

• Features
• Installation
• API
• Usage

Features

• Type and search at the same time

Goto Top

Getting Started

Step 1 : Install the package

NPM

npm install ngx-sand-simpleselect

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

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

Step 3 : Add SandSimpleSelectModule to the imports of your NgModule

@NgModule({
  imports: [
    ...,
    SandSimpleSelectModule
  ],
  ...
})
class YourModule { ... }

Usage

• Use <ngx-sand-simpleselect></ngx-sand-simpleselect> in your templates to add the default dropdown in your view like below

  <sand-simple-select 
  [dropdowndata]="dropdowndata" 
  [disabledropdwon]="disabled" 
  [selectLabel]="selectLabel"
  [noDataText]="noDataText" 
  (select)="onSelect($event)"  
  (search)="onSearch($event)" 
  (open)="open($event)" 
  (close)="close($event)">
    </sand-simple-select>

Goto Top