From f05b469565b07a7d23adc6afcdb8ddba7ab507c7 Mon Sep 17 00:00:00 2001 From: AlirezaEbrahimkhani Date: Fri, 18 Feb 2022 21:37:18 +0330 Subject: [PATCH 1/3] docs(material/chips): add chips avatar sample resolves angular#22905 --- .../chips-avatar/chips-avatar-example.css | 0 .../chips-avatar/chips-avatar-example.html | 20 +++++++++++++++++++ .../chips-avatar/chips-avatar-example.ts | 11 ++++++++++ .../material/chips/index.ts | 3 +++ 4 files changed, 34 insertions(+) create mode 100644 src/components-examples/material/chips/chips-avatar/chips-avatar-example.css create mode 100644 src/components-examples/material/chips/chips-avatar/chips-avatar-example.html create mode 100644 src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.css b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.css new file mode 100644 index 000000000000..e69de29bb2d1 diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html new file mode 100644 index 000000000000..e177433878cf --- /dev/null +++ b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html @@ -0,0 +1,20 @@ + + + shiba1 image + Dog one + + + shiba1 image + Dog two + + + shiba1 image + Dog three + + diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts new file mode 100644 index 000000000000..83a132a78dc9 --- /dev/null +++ b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; + +/** + * @title Chips avatar + */ +@Component({ + selector: 'chips-avatar-example', + templateUrl: 'chips-avatar-example.html', + styleUrls: ['chips-avatar-example.css'], +}) +export class ChipsAvatarExample {} diff --git a/src/components-examples/material/chips/index.ts b/src/components-examples/material/chips/index.ts index 80d9f018c976..cd33ffebd3ab 100644 --- a/src/components-examples/material/chips/index.ts +++ b/src/components-examples/material/chips/index.ts @@ -13,6 +13,7 @@ import {ChipsOverviewExample} from './chips-overview/chips-overview-example'; import {ChipsStackedExample} from './chips-stacked/chips-stacked-example'; import {ChipsHarnessExample} from './chips-harness/chips-harness-example'; import {ChipsFormControlExample} from './chips-form-control/chips-form-control-example'; +import {ChipsAvatarExample} from './chips-avatar/chips-avatar-example'; import {MatButtonModule} from '@angular/material/button'; export { @@ -23,6 +24,7 @@ export { ChipsStackedExample, ChipsHarnessExample, ChipsFormControlExample, + ChipsAvatarExample, }; const EXAMPLES = [ @@ -33,6 +35,7 @@ const EXAMPLES = [ ChipsStackedExample, ChipsHarnessExample, ChipsFormControlExample, + ChipsAvatarExample, ]; @NgModule({ From 569f9c457948ec8b9a63e314d7e9c40246cdb341 Mon Sep 17 00:00:00 2001 From: AlirezaEbrahimkhani Date: Fri, 18 Feb 2022 22:56:16 +0330 Subject: [PATCH 2/3] docs(material/chips): the ending > tag markers and add description Change the ending > tag markers to be on the same line as their opening and add more description about chips avatar example --- .../chips-avatar/chips-avatar-example.html | 18 +++++++++--------- .../chips/chips-avatar/chips-avatar-example.ts | 1 + 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html index e177433878cf..d390bee4cbd7 100644 --- a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html +++ b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html @@ -1,20 +1,20 @@ - shiba1 image + + shiba1 image + Dog one - shiba1 image + + shiba1 image + Dog two - shiba1 image + + shiba1 image + Dog three diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts index 83a132a78dc9..5344189a2e0b 100644 --- a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts +++ b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts @@ -2,6 +2,7 @@ import {Component} from '@angular/core'; /** * @title Chips avatar + * @description An avatar inside a chip */ @Component({ selector: 'chips-avatar-example', From e0d9f18216f4fb14ce139812ef4d684e479f2440 Mon Sep 17 00:00:00 2001 From: AlirezaEbrahimkhani Date: Sat, 19 Feb 2022 09:39:22 +0330 Subject: [PATCH 3/3] docs(material/chips): change image alt change image alts from "shiba1 image" to "Photo of a Shiba Inu" --- .../material/chips/chips-avatar/chips-avatar-example.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html index d390bee4cbd7..1e02de2be4fc 100644 --- a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html +++ b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.html @@ -1,19 +1,19 @@ - shiba1 image + Photo of a Shiba Inu Dog one - shiba1 image + Photo of a Shiba Inu Dog two - shiba1 image + Photo of a Shiba Inu Dog three