Fixed #3843

primefaces · Oct 23, 2017 · 10e0e56 · 10e0e56
1 parent ecfdf1b
commit 10e0e56
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/components/dropdown/dropdown.ts b/src/app/components/dropdown/dropdown.ts
@@ -34,7 +34,7 @@ export const DROPDOWN_VALUE_ACCESSOR: any = {
             <input #editableInput type="text" [attr.aria-label]="selectedOption ? selectedOption.label : ' '" class="ui-dropdown-label ui-inputtext ui-corner-all" *ngIf="editable" [disabled]="disabled" [attr.placeholder]="placeholder"
                         (click)="onEditableInputClick($event)" (input)="onEditableInputChange($event)" (focus)="onEditableInputFocus($event)" (blur)="onInputBlur($event)">
             <div class="ui-dropdown-trigger ui-state-default ui-corner-right">
-                <span class="fa fa-fw fa-caret-down ui-clickable"></span>
+                <span class="ui-clickable" [ngClass]="dropdownIcon"></span>
             </div>
             <div #panel [ngClass]="'ui-dropdown-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow'" [@panelState]="panelVisible ? 'visible' : 'hidden'"
                 [style.display]="panelVisible ? 'block' : 'none'" [ngStyle]="panelStyle" [class]="panelStyleClass">
@@ -115,6 +115,8 @@ export class Dropdown implements OnInit,AfterViewInit,AfterContentInit,AfterView
 
     @Input() resetFilterOnHide: boolean = false;
 
+    @Input() dropdownIcon: string = 'fa fa-fw fa-caret-down';
+
     @Output() onChange: EventEmitter<any> = new EventEmitter();
 
     @Output() onFocus: EventEmitter<any> = new EventEmitter();

diff --git a/src/app/showcase/components/dropdown/dropdowndemo.html b/src/app/showcase/components/dropdown/dropdowndemo.html
@@ -267,6 +267,12 @@ <h3>Properties</h3>
                             <td>false</td>
                             <td>Clears the filter value when hiding the dropdown.</td>
                         </tr>
+                        <tr>
+                            <td>dropdownIcon</td>
+                            <td>string</td>
+                            <td>fa fa-fw fa-caret-down</td>
+                            <td>Icon class of the dropdown icon.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>