{"repo":"maxmarcon/live_select","free":true,"listed":false,"github":"https://github.com/maxmarcon/live_select","clone":"git clone https://github.com/maxmarcon/live_select.git","description":"Dynamic (multi)selection field for LiveView","language":"Elixir","stars":250,"topics":["daisyui","dropdown-menus","liveview","multiselect","tailwindcss","component","elixir","form-input","web-forms"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"LiveSelect Dynamic (multi)selection field for LiveView. LiveSelect is a LiveView component that implements a dynamic selection field with a dropdown. The content of the dropdown is filled by your LiveView as the user types. This allows you to easily create an interface for search-like functionalities with type-ahead. LiveSelect s features include: Single as well as multiple selection Options to configure the behaviour, such as minimum number of characters that trigger an update or the maximum number of selectable options Default styles for daisyUI and tailwindcss, which are fully customizable and can be completely overridden if needed Ability to customize the rendered HTML for dropdown entries and tags using slots. Try it in the showcase app 🔬 Single selection (single mode) Multiple selection (tags mode) Multiple selection (quick tags mode) Usage Example 🧭 Template: NOTE: If your form is implemented in a LiveComponent, add phx-target={@myself} , like this: In the LiveView or LiveComponent that's the target of your form events: Refer to the module documentation for the details, and check out the cheatsheet for some useful tips. Installation 📦 To install, add this to your dependencies: Javascript hooks 🪝 LiveSelect relies on Javascript hooks to work. You need to add LiveSelect 's hooks to your live socket. LiveSelect distributes its Javascript code (a single file) in the same way as LiveView, by including an npm package as part of its hex package. To include LiveSelect 's h","default_branch":null,"files":null,"tree":[],"storefront":"/r/maxmarcon","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/maxmarcon/live_select/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}