Multi-Select

Signal Forms

Using [(values)] with a signal.

Selected: [ "Apple", "Banana" ] 

<rui-multi-select
  label="Select fruits"
  [options]="fruits"
  [(values)]="selectedFruits"
/>

Reactive Forms (sortable)

Using [formControl] with sortable enabled for drag reorder.

Selected: [] 

<rui-multi-select
  label="Select fruits"
  [options]="fruits"
  [formControl]="fruitsControl"
  [sortable]="true"
/>

Template-driven Forms

Using [(ngModel)] with the multi-select.

Selected: [ "Fig", "Grape" ] 

<rui-multi-select
  label="Select fruits"
  [options]="fruits"
  [(ngModel)]="selectedFruits"
/>