feat(list): Added aria-checked attribute support to list item.

PiperOrigin-RevId: 468119465
material-components · Aug 17, 2022 · 2c06c2e · 2c06c2e
1 parent dc8045e
commit 2c06c2e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/list/lib/listitem/list-item.ts b/list/lib/listitem/list-item.ts
@@ -27,6 +27,10 @@ export class ListItem extends ActionElement {
   @property({type: String, attribute: 'data-aria-selected', noAccessor: true})
   override ariaSelected!: 'true'|'false';
 
+  @ariaProperty  // tslint:disable-line:no-new-decorators
+  @property({type: String, attribute: 'data-aria-checked', noAccessor: true})
+  override ariaChecked!: 'true'|'false';
+
   @property({type: String}) supportingText = '';
   @property({type: String}) multiLineSupportingText = '';
   @property({type: String}) trailingSupportingText = '';
@@ -44,6 +48,7 @@ export class ListItem extends ActionElement {
           tabindex=${this.itemTabIndex}
           role=${this.role}
           aria-selected=${ifDefined(this.ariaSelected || undefined)}
+          aria-checked=${ifDefined(this.ariaChecked || undefined)}
           data-query-md3-list-item
           class="md3-list-item ${classMap(this.getRenderClasses())}"
           @pointerdown=${this.handlePointerDown}