Tailwind Filter Panel Using AlpineJS and Livewire
Tech Stack: tailwindcss, alpine-js, livewire
This is an independent filter component, the front end of the component is built using Tailwind and AlpineJS. We are using blade components for the dropdown which you can find here https://livewiredemos.com/component/reusable-dropdown-blade-component-tailwind-and-alpinejs.
Once the user chooses the filter and sort options it gets stored in the Livewire property, which can be further used to filter and sort your eloquent results.