Place multiple toggle buttons inside <select> as options in Angular?

Viewed 26

As shown in the below image, In my Agular project I want to create a UI which is having toggles buttons inside a dropdown. I tried by adding field inside and but its not working.

  <select name="samples" id="sample">
    <option value="sample1"><input type="checkbox" id="sample1" name="sample1" value="Sample1"></option>
  </select> 

Can someone help me to make this in the best way?

enter image description here

1 Answers

The best option was to create a custom dropdown component and reuse it in the Parent Component.

Related