KITT

Select

Relay uses text input fields to capture user data. Bacon ipsum dolor amet jerky meatball rump beef ribs drumstick turducken spare ribs buffalo ball tip. Alcatra flank porchetta doner ham hamburger. Shoulder boudin meatball, prosciutto ball tip turducken pig ribeye chicken fatback andouille pancetta capicola pork loin. Ball tip shankle chuck bresaola bacon boudin. Landjaeger pork chop drumstick capicola. Ham ham hock venison, short ribs boudin pork loin bresaola turkey fatback.

Select Open in playground 
<div class="psb psb-w-full">
<.input
  errors={[]}
  id="select-single-select"
  options={[{"Beartic", 130}, {"Comfey", 132}, {"Conkeldurr", 116}, {"Eelektrik", 184}, {"Exeggutor-alola", 120}, {"Kakuna", 147}, {"Kyurem-black", 5}, {"Liepard", 51}, {"Mew", 52}, {"Onix", 81}, {"Pachirisu", 1}, {"Primarina", 107}, {"Sceptile-mega", 89}, {"Shinx", 2}, {"Spinda", 158}, {"Watchog", 172}, {"Wingull", 137}, {"Zygarde-10", 48}]}
  prompt="Select..."
  type="select"
/>
</div>
Select(default) Open in playground 
<div class="psb psb-w-full">
<.input
  errors={[]}
  id="select-single-select-default"
  options={[Admin: "admin", User: "user", Superuser: "super"]}
  prompt="Select..."
  type="select-default"
/>
</div>
Multiselect Open in playground 
<div class="psb psb-w-full">
<.input
  errors={[]}
  id="select-single-multiselect"
  multiple
  options={["F - Flatbed": "flatbed", "FO - Flatbed only": "flatbed_only", "FS - Flatbed w/ sides": "flatbed_with_sides", "FA - Air Ride Flatbed": "flatbed_air_ride", "FT -  Flatbed w/ Tarps": "flatbed_with_tarps", "FSD - Flatbed or Stepdeck": "flatbed_or_stepdeck", "SD - Stepdeck": "stepdeck", "SDR - Stepdeck w/ Ramps": "stepdeck_with_ramps", "DD - Double Drop": "double_drop", "RGN - Removable gooseneck": "removable_gooseneck", "HS - Hotshot trailer": "hotshot_trailer", "Cong - Conestoga": "conestoga", "CV - Curtain Van": "curtain_van", "LD - Landoll": "landoll", "TB - Tiltbed": "tiltbed", "SB - Stakebed": "stakebed"]}
  type="select"
  value="user"
/>
</div>
Select(custom) Open in playground 
<div class="psb psb-w-full">
<.input
  errors={[]}
  id="select-single-select-custom"
  prompt="Select..."
  type="select"
  variant="custom"
>
  <:option value="14" text="Delivered">
    <Kitt.pill load_status="delivered" type="status">Delivered</Kitt.pill>
  </:option>
  <:option value="16" text="Invoiced">
    <Kitt.pill load_status="invoiced" type="status">Invoiced</Kitt.pill>
  </:option>
  <:option value="1" text="USA Dollars" >
    <div class="kt kt-flex kt-gap-1">
      <FontAwesome.LiveView.icon name="flag-usa" type="solid" class="kt kt-h-5 kt-w-5 kt-fill-current"/>
      USA Dollars
    </div>
  </:option>
</.input>
</div>