Listing tutorials

Published 26 Dec - 2020

Bootstrap 5 and Phoenix LiveView

liveviewmodalformsbootstrap

Even though a large part of the Phoenix community seem to embrace Tailwind, there are still a lot that prefer Bootstrap CSS framework. And with Boos..

Go to tutorial

Published 11 Jul - 2020 - Updated 22 May

Create a reusable modal with LiveView Component

phoenixmodalliveviewalpinejstailwind

To reduce duplicity and complexity in your apps, Phoenix LiveView comes with the possibility to use reusable components. Each component can have its..

Go to tutorial

Published 01 Feb - 2020 - Updated 01 May - 2020

Create a Bootstrap Like Modal with Tailwind and Alpine.js

alpinejsbootstrapmodaltailwind

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..

Go to tutorial