ngx-sand-simple-select

An angular select package

---

Demo

• Live Demo
• Playground
• NPM package

Table of contents

• Features
• Installation
• API
• Usage

Features

• Search available.

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>

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

Help Improve

Found a bug or an issue with this? Open a new issue here on GitHub.

Contribute

Please check the Contributing Guidelines before contributing.

This project was generated with Angular CLI version 10.0.5.