diff --git a/src/components-examples/aria/tree/tree-common.css b/src/components-examples/aria/tree/tree-common.css index 643fb5ab385d..959a7f065b39 100644 --- a/src/components-examples/aria/tree/tree-common.css +++ b/src/components-examples/aria/tree/tree-common.css @@ -21,6 +21,20 @@ min-width: 24rem; } +.example-tree[aria-disabled='true'] { + background-color: var(--mat-sys-surface-variant); + color: var(--mat-sys-on-surface-variant); + cursor: not-allowed; +} + +.example-tree[aria-disabled='true']:focus-within { + outline: 2px solid var(--mat-sys-primary); +} + +.example-tree[aria-disabled='true'] .example-tree-item { + pointer-events: none; +} + .example-tree-item { cursor: pointer; list-style: none;