docs(core) Use proper list markup in custom template example (#3512)

SAP · Sep 30, 2020 · c74e2f6 · c74e2f6
1 parent 11c79c3
commit c74e2f6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 9 deletions.
diff --git a/...cs/src/app/core/component-docs/combobox/examples/combobox-template-example.component.html b/...cs/src/app/core/component-docs/combobox/examples/combobox-template-example.component.html
@@ -13,8 +13,6 @@
 
 <!-- Note that in this case you are responsible for highlighting. -->
 <ng-template #template let-item>
-    <div class="fd-template-container-div">
-        <fd-icon [glyph]="item.icon" class="fd-template-icon"></fd-icon>
-        <span>{{ item.name }}</span>
-    </div>
+    <i fd-list-icon [glyph]="item.icon"></i>
+    <span fd-list-title>{{ item.name }}</span>
 </ng-template>
diff --git a/...docs/src/app/core/component-docs/combobox/examples/combobox-template-example.component.ts b/...docs/src/app/core/component-docs/combobox/examples/combobox-template-example.component.ts
@@ -3,11 +3,6 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'fd-combobox-template-example',
     templateUrl: './combobox-template-example.component.html',
-    styles: [
-        '.fd-template-container-div { display: flex; align-items: center; cursor: pointer;}',
-        '.fd-template-container-div:hover { background-color: var(--fd-color-background-hover); }',
-        '.fd-template-icon { margin-right: 12px; }'
-    ]
 })
 export class ComboboxTemplateExampleComponent {
     values = [