Tremorx - Select

Select

Allows users to pick one value from a range of predefined items.

<.select id="select-single-default-with-icon" class="mx-auto">
  <:icon>
    <.icon name="hero-cog" />
  </:icon>
  <:item>
    Audi
  </:item>
  <:item>
    BMW
  </:item>
  <:item>
    Mercedes
  </:item>
  <:item>
    Toyota
  </:item>
</.select>

Select with search Open in playground

<.search_select class="gap-x-2 gap-y-2 py-4">
    <:item>
      Audi
    </:item>
    <:item>
      BMW
    </:item>
    <:item>
      Mercedes
    </:item>
    <:item>
      Toyota
    </:item>
  </.search_select>

Multi select with search Open in playground

<.multi_select class="gap-x-2 gap-y-2 py-4 mb-24">
    <:item>
      Audi
    </:item>
    <:item>
      BMW
    </:item>
    <:item>
      Mercedes
    </:item>
    <:item>
      Toyota
    </:item>
  </.multi_select>