Published 04 May
How to combine Phoenix LiveView with Alpine.jsphoenixtailwindalpinejsliveview
No matter how great Phoenix LiveView is, there is still some use case for sprinking some JS in your app to improve UX. For example, tabs, dropdowns,..
Published 11 Jul - 2020 - Updated 22 May
Create a reusable modal with LiveView Componentphoenixtailwindalpinejsliveviewmodal
To reduce duplicity and complexity in your apps, Phoenix LiveView comes with the possibility to use reusable components. Each component can have its..
Published 13 Feb - 2020 - Updated 01 May - 2020
Tagging interface with Phoenix LiveView and Tailwind - Tagging part 2liveviewtypeaheadphoenixtaggingtailwindforms
In the previous tutorial, I set up the the backend for being able to add tags to products. I have also written a tutorial about adding a LiveView an..
Published 01 Feb - 2020 - Updated 01 May - 2020
Create a Bootstrap Like Modal with Tailwind and Alpine.jsmodalalpinejsbootstraptailwind
In certain scenarios, it doesnt really make sense to use LiveView. That can be toggling dropdowns, tabs, accordions and opening modals. There is a g..
Published 27 Jan - 2020 - Updated 01 May - 2020
Typeahead with LiveView and Tailwindtypeaheadformsliveviewphoenixtailwind
Published 22 Jan - 2020 - Updated 15 Jun
Add Tailwind HTML Generators in Phoenixphoenixtailwind
Let's say that you have a project set up with Tailwind. Or even if you dont, let say you just want to customise the code build in HTML generators ge..