feat(dropdown list): add checkmark to selected list item

UjjwalUpadhyay123-bit · Jul 13, 2020 · baf688c · baf688c
1 parent a62a10d
commit baf688c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/dropdown/dropdown.module.ts b/src/dropdown/dropdown.module.ts
@@ -9,7 +9,7 @@ import { ScrollableList } from "./scrollable-list.directive";
 import { I18nModule } from "./../i18n/index";
 import { PlaceholderModule } from "./../placeholder/index";
 import { DropdownService } from "./dropdown.service";
-import { ChevronDownModule, WarningFilledModule } from "@carbon/icons-angular";
+import { ChevronDownModule, WarningFilledModule, CheckmarkModule } from "@carbon/icons-angular";
 import { UtilsModule } from "./../utils/utils.module";
 
 @NgModule({
@@ -25,6 +25,7 @@ import { UtilsModule } from "./../utils/utils.module";
 	],
 	imports: [
 		CommonModule,
+		CheckmarkModule,
 		FormsModule,
 		I18nModule,
 		PlaceholderModule,

diff --git a/src/dropdown/list/dropdown-list.component.ts b/src/dropdown/list/dropdown-list.component.ts
@@ -89,6 +89,12 @@ import { ScrollCustomEvent } from "./scroll-custom-event.interface";
 						</label>
 					</div>
 					<ng-container *ngIf="!listTpl && type === 'single'">{{item.content}}</ng-container>
+					<svg
+						*ngIf="!listTpl && type === 'single'"
+						ibmIconCheckmark
+						size="16"
+						class="bx--list-box__menu-item__selected-icon">
+					</svg>
 					<ng-template
 						*ngIf="listTpl"
 						[ngTemplateOutletContext]="{item: item}"