Live_select
Dynamic (multi)selection field for LiveView
Overview
LiveSelect is a dynamic selection field component for LiveView in Elixir. It allows users to create a search-like interface with type-ahead functionality. The dropdown menu is filled in real-time as the user types, and the component offers features such as single or multiple selection, customizable behavior, and styling options.
Features
- Dynamic dropdown: The dropdown menu is filled as the user types, allowing for search-like functionalities.
- Single or multiple selection: Users can choose to select only one option or multiple options from the dropdown.
- Configurable behavior: Users can configure the component's behavior, such as setting the minimum number of characters that trigger an update or the maximum number of selectable options.
- Default styles for tailwindcss: LiveSelect provides default styles for tailwindcss, which can be fully customized or overridden if needed.
- Customizable HTML rendering: Users have the ability to customize the rendered HTML for dropdown entries and tags using slots.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
