How To Implement Multi - Select In Material Components For The Web

I am trying to implement material design Select Component with multiple selections from Material Components for the web. But I am unable to find any option for the same. Code for S

Solution 1:

The documentation clearly states

MDC Select provides Material Design single-option select menus, using the MDC menu

You'll need to either:

1. Use some other component.
2. Change UI design. It seems that "multiple selections select" is not in Material Design guidelines. Google itself uses different approaches for situations where multiple values needs to be selected. Here are few examples which should give you an idea how to work around "multiple selections select":

Gmail: assigning multiple labels.

Gmail: multiple addressee

Google Calendar: selecting multiple event guests