<form>
  <.select :let={select} id="select-single-select" name="fruit" target="my-select" placeholder="Select a fruit">
      <.select_trigger instance={select} class="w-[180px]"/>
      <.select_content class="w-full" instance={select}>
        <.select_group>
          <.select_label>Fruits</.select_label>
          <.select_item instance={select} value="apple" label="Apple"></.select_item>
          <.select_item instance={select} value="banana" label="Banana"></.select_item>
          <.select_item instance={select}  value="blueberry"></.select_item>
          <.select_separator />
          <.select_item instance={select} disabled value="grapes"></.select_item>
          <.select_item instance={select} value="pineapple"></.select_item>
        </.select_group>
      </.select_content>
  </.select>
  <.button type="submit" class="w-full mt-2">Submit</.button>
</form>