Renders the listbox element

<.listbox form={:basket} field={:fruit} prompt="Select Fruit" options={[
    %{value: "apple", display: "Apple", detail: "yummy apple"},
    %{value: "banana", display: "Banana", detail: "yummy banana"},
    %{value: "cherry", display: "Cherry", detail: "yummy cherry"}
  ]} />

Options

• form - The form identifier
• field - The field name
• label - The text for the generated <label> element
• detail - Optional detail shown below the input
• prompt - An option to include at the top of the options with the given prompt text
• options - The options in the list box
• error - Optional error message
• theme - Optional theme to use for Tailwind classes

Renders the listbox element

Options

• option - The value field for the option
• index - The index position in the option list
• selected - Boolean indicating whether this option is selected
• option_id - The DOM id to use for this option