File tree Expand file tree Collapse file tree 4 files changed +34
-0
lines changed
src/components-examples/material/chips Expand file tree Collapse file tree 4 files changed +34
-0
lines changed Original file line number Diff line number Diff line change
1
+ < mat-chip-list aria-label ="Dog selection ">
2
+ < mat-chip >
3
+ < mat-chip-avatar
4
+ > < img src ="https://material.angular.io/assets/img/examples/shiba1.jpg " alt ="shiba1 image "
5
+ /> </ mat-chip-avatar >
6
+ Dog one
7
+ </ mat-chip >
8
+ < mat-chip color ="primary ">
9
+ < mat-chip-avatar
10
+ > < img src ="https://material.angular.io/assets/img/examples/shiba1.jpg " alt ="shiba1 image "
11
+ /> </ mat-chip-avatar >
12
+ Dog two
13
+ </ mat-chip >
14
+ < mat-chip color ="accent ">
15
+ < mat-chip-avatar
16
+ > < img src ="https://material.angular.io/assets/img/examples/shiba1.jpg " alt ="shiba1 image "
17
+ /> </ mat-chip-avatar >
18
+ Dog three
19
+ </ mat-chip >
20
+ </ mat-chip-list >
Original file line number Diff line number Diff line change
1
+ import { Component } from '@angular/core' ;
2
+
3
+ /**
4
+ * @title Chips avatar
5
+ */
6
+ @Component ( {
7
+ selector : 'chips-avatar-example' ,
8
+ templateUrl : 'chips-avatar-example.html' ,
9
+ styleUrls : [ 'chips-avatar-example.css' ] ,
10
+ } )
11
+ export class ChipsAvatarExample { }
Original file line number Diff line number Diff line change @@ -13,6 +13,7 @@ import {ChipsOverviewExample} from './chips-overview/chips-overview-example';
13
13
import { ChipsStackedExample } from './chips-stacked/chips-stacked-example' ;
14
14
import { ChipsHarnessExample } from './chips-harness/chips-harness-example' ;
15
15
import { ChipsFormControlExample } from './chips-form-control/chips-form-control-example' ;
16
+ import { ChipsAvatarExample } from './chips-avatar/chips-avatar-example' ;
16
17
import { MatButtonModule } from '@angular/material/button' ;
17
18
18
19
export {
@@ -23,6 +24,7 @@ export {
23
24
ChipsStackedExample ,
24
25
ChipsHarnessExample ,
25
26
ChipsFormControlExample ,
27
+ ChipsAvatarExample ,
26
28
} ;
27
29
28
30
const EXAMPLES = [
@@ -33,6 +35,7 @@ const EXAMPLES = [
33
35
ChipsStackedExample ,
34
36
ChipsHarnessExample ,
35
37
ChipsFormControlExample ,
38
+ ChipsAvatarExample ,
36
39
] ;
37
40
38
41
@NgModule ( {
You can’t perform that action at this time.
0 commit comments