<!-- BEGIN: Basic Select -->
 <div> <label>Basic</label>
     <div class="mt-2"> <select data-placeholder="Select your favorite actors" class="tom-select w-full">
             <option value="1">Leonardo DiCaprio</option>
             <option value="2">Johnny Deep</option>
             <option value="3">Robert Downey, Jr</option>
             <option value="4">Samuel L. Jackson</option>
             <option value="5">Morgan Freeman</option>
         </select> </div>
 </div> <!-- END: Basic Select -->
 <!-- BEGIN: Nested Select -->
 <div class="mt-3"> <label>Nested</label>
     <div class="mt-2"> <select data-placeholder="Select your favorite actors" class="tom-select w-full">
             <optgroup label="American Actors">
                 <option value="1">Leonardo DiCaprio</option>
                 <option value="2">Johnny Deep</option>
                 <option value="3">Robert Downey, Jr</option>
                 <option value="4">Samuel L. Jackson</option>
                 <option value="5">Morgan Freeman</option>
             </optgroup>
             <optgroup label="American Actresses">
                 <option value="1">Scarlett Johansson</option>
                 <option value="2">Jessica Alba</option>
                 <option value="3">Jennifer Lawrence</option>
                 <option value="4">Emma Stone</option>
                 <option value="5">Angelina Jolie</option>
             </optgroup>
         </select> </div>
 </div> <!-- END: Nested Select --> 

  <div class="flex">
     <div class="z-30 rounded-l w-10 flex items-center justify-center bg-slate-100 border text-slate-500 dark:bg-darkmode-700 dark:border-darkmode-800 dark:text-slate-400 -mr-1">@</div> <select class="tom-select w-full">
         <option value="1">Leonardo DiCaprio</option>
         <option value="2">Johnny Deep</option>
         <option value="3">Robert Downey, Jr</option>
         <option value="4">Samuel L. Jackson</option>
         <option value="5">Morgan Freeman</option>
     </select>
 </div>