Usage overview

Utilizing Statamic Livewire Filters is straightforward. Here's a simple step-by-step guide:

  1. Replace Collection Tags: Substitute your {{ collection }} tag pairs with the {{ livewire-collection }} tag.

  2. Move Your Entry Template: Transfer your entry template (the content between the collection tags) to resources/views/vendor/statamic-livewire-filters/livewire-collection.antlers.html.

  3. Add Required Filters: Incorporate all the necessary filters at any desired location on your website.

  4. Ready to Go: Your setup is now complete and ready for use!

For practical examples and a more comprehensive understanding, you can check out the Examples section or read the complete documentation, starting with the livewire-collection tag.