Feature: now you can set the style of dropdown in config

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-select-dropdown",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A angular(4+) select dropdown for single select or multiselct module.",
   "license": "MIT",
   "keywords": [

projects/demo/src/app/app.component.html

@@ -120,6 +120,7 @@ <h6>Input</h6>
             noResultsFound: 'No results found!' // text to be displayed when no items are found while searching
             searchPlaceholder:'Search' // label thats displayed in search input,
             searchOnKey: 'name' // key on which search should be performed this will be selective search. if undefined this will be extensive search on all keys
+            dropDownClass: 'custom-css-class' // Use custom css class. Defaults to ngx-dropdown-button
             {{ '}' }}</pre>
         <ul>
           <li>

projects/ngx-select-dropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-select-dropdown",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A angular(4+) select dropdown for single select or multiselct module.",
   "license": "MIT",
   "keywords": [

projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.html

@@ -74,7 +74,7 @@
 </ng-template>
 
 <ng-template #dropdownButton>
-    <button type="button" tabindex="-1" class="ngx-dropdown-button" [ngClass]="{ 'ngx-disabled': disabled }"
+    <button type="button" tabindex="-1" class="{{ config.dropDownClass }}" [ngClass]="{ 'ngx-disabled': disabled }"
         [disabled]="disabled">
         <span class="display-text">{{ selectedDisplayText }} </span>
         <span class="nsdicon-angle-down" [ngClass]="{'up': toggleDropdown }"></span>

projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.spec.ts

@@ -22,6 +22,7 @@ const config: NgxDropdownConfig = {
   searchOnKey: null,
   clearOnSelection: false,
   inputDirection: "ltr",
+  dropDownClass: "ngx-dropdown-button",
 };
 interface Account {
   _id: string;

projects/ngx-select-dropdown/src/lib/ngx-select-dropdown.component.ts

@@ -36,6 +36,7 @@ const config: NgxDropdownConfig = {
   inputDirection: "ltr",
   selectAllLabel: "Select all",
   enableSelectAll: false,
+  dropDownClass: "ngx-dropdown-button",
 };
 @Component({
   selector: "ngx-select-dropdown",

projects/ngx-select-dropdown/src/lib/types/ngx-select-dropdown.types.ts

@@ -14,4 +14,5 @@ export interface NgxDropdownConfig {
   inputDirection: string;
   selectAllLabel?: string;
   enableSelectAll?: boolean;
+  dropDownClass: string;
 }