Select
Dropdown selection components
Preview
Props Editor
Source Code
defmodule FeenixUiWeb.Components.SelectComponent do use Phoenix.Component def render(assigns) do assigns = assign_new(assigns, :options, fn -> [] end) assigns = assign_new(assigns, :value, fn -> "" end) assigns = assign_new(assigns, :placeholder, fn -> "Select an option" end) ~H""" <div> <select class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500" > <option value="" disabled selected={@value == ""}><%= @placeholder %></option> <%= for option <- @options do %> <option value={option} selected={@value == option}><%= option %></option> <% end %> </select> </div> """ end end