JSFiddle - React, Tailwind, and code Playground

by suraj ahir

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.8/semantic.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.8/semantic.js"></script>
<div class="twelve wide field">
					<label style="width: 250px">Add roles to user</label> <select
						name="skills" multiple="" class="ui fluid dropdown">
						<option value="">Roles</option>
						<option value="Role1">Role 1</option>
                        <option value="Role2">Role 2</option>
                        <option value="Role3">Role 3</option>

					</select>
				</div>

JavaScript

$(".ui.fluid.dropdown").dropdown({
allowLabels:true
})

$('.ui.fluid.dropdown').dropdown('set selected',['Role1','Role2']);