{{checkboxes.border ? 'On' : 'Off'}}
Dense:
{{checkboxes.dense ? 'On' : 'Off'}}
- Interactive:
- {{checkboxes.interactive
- ? 'On' : 'Off'}}
diff --git a/demos/src/app/components/list/list.ts b/demos/src/app/components/list/list.ts
index 595c47b41..5b52b1e8c 100644
--- a/demos/src/app/components/list/list.ts
+++ b/demos/src/app/components/list/list.ts
@@ -49,7 +49,6 @@ export class Api implements OnInit {
{name: 'avatar: boolean', summary: `Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger.`},
{name: 'border: boolean', summary: `Sets a border around each list item.`},
{name: 'singleSelection: boolean', summary: `When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected.`},
- {name: 'interactive: boolean', summary: `List items receive styles for hover, focus, and press states (including the ripple). Default is true.`},
{name: 'useActivatedClass: boolean', summary: `Sets the selection logic to apply/remove the mdc-list-item--activated class.`},
{name: 'useSelectedClass: boolean', summary: `Sets the selection logic to apply/remove the mdc-list-item--selected class.`},
{name: 'wrapFocus: boolean', summary: `Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa.`},
diff --git a/packages/list/list.ts b/packages/list/list.ts
index c31d5f5d5..3ed155fbc 100644
--- a/packages/list/list.ts
+++ b/packages/list/list.ts
@@ -74,7 +74,6 @@ export class MdcListGroupSubheader {
'[class.mdc-list--dense]': 'dense',
'[class.mdc-list--avatar-list]': 'avatar',
'[class.ngx-mdc-list--border]': 'border',
- '[class.mdc-list--non-interactive]': '!interactive',
'[class.mdc-list--two-line]': 'twoLine',
'(click)': '_handleClickEvent($event)',
'(keydown)': '_onKeydown($event)',
@@ -123,18 +122,6 @@ export class MdcList extends MDCComponent implements AfterViewInit, OnDestr
}
private _avatar = false;
- @Input()
- get interactive(): boolean {
- return this._interactive;
- }
- set interactive(value: boolean) {
- const newValue = coerceBooleanProperty(value);
- if (newValue !== this._interactive) {
- this._interactive = newValue;
- }
- }
- private _interactive = true;
-
@Input()
get disableRipple(): boolean {
return this._disableRipple;