CdkListbox

npm install @angular/cdk

import {CdkListboxModule} from '@angular/cdk/listbox';

<div cdkListbox [(cdkListboxValue)]="selectedValue">
  <div cdkOption="1">Option 1</div>
  <div cdkOption="2">Option 2</div>
  <div cdkOption="3">Option 3</div>
</div>

<div cdkListbox [cdkListboxMultiple]="true" [(cdkListboxValue)]="selectedValues">
  <div cdkOption="apple">Apple</div>
  <div cdkOption="banana">Banana</div>
  <div cdkOption="orange">Orange</div>
</div>