Skip to content

Instantly share code, notes, and snippets.

View janparkio's full-sized avatar
🐻‍❄️
Making Apps

Jan Park janparkio

🐻‍❄️
Making Apps
View GitHub Profile
@janparkio
janparkio / collection_search_filter.antlers.html
Last active March 18, 2024 11:12
[Collection with filter using AlpineJS] A simpler way to implement search filters with AlpineJS #alpinejs #statamic #antlers #tailwind
{{# The outer wrapper grid as defined in tailwind.config.js. It makes sure all
blocks on a page get evenly spaced without having to worry about margins or
paddings. #}} {{ if page_builder }} {{ page_builder scope="block" }} {{ partial
src="page_builder/{type}" }} {{ /page_builder }} {{ /if }}
<div class="bg-accent-300 pb-14">
<div
id="content"
class="container px-8 pt-12 mx-auto md:px-12"
x-data="loadCollection()"
>
//Just place your code here. I'll take a look and comment were I found the errors.