Latest #alpinejs Threads 
I created quick screencast to show how to add Alpine.js to a Phoenix application:
The written tutorial:
https://elixir-ph...
New
Hello,
I’m currently facing an issue when using tooltips from Alpine.js in my Elixir Phoenix LiveView project. The tooltips are working ...
New
As part of work on headless I hit a bug that in certain conditions when updating the UI from LiveView an Alpine.js component crash.
This...
New
After spending some time recently researching various ways of building modern UIs I came to one sad conclusion: if one wants to build a m...
New
I am trying to use Alpine JS (3.13.2) with Phoenix 1.7.10, using dead views generated by mix phx.gen.html
In a file such as my_app/lib/m...
New
Problem
When using more complex nested components, especially with live_components, AlpineJS can stop working after updates.
This issue ...
New
Hi everyone,
I’m trying to display a dropdown menu using LiveView and AlpineJS. For the most part, things have worked well, but I’m enco...
New
I have AlpineJS (v3) wired into a phoenix app. It has been working great so far.
I recently started using Liveview in my app, and notice...
New
Hi all,
I have a Phoenix component for dropdown menus based on Dropdown Component — Alpine.js that works fine with Live View 0.17 but is...
New
Hi I don’t come from a front end background and have been trying to build some pages using HEEX templates.
I plan to create some selecta...
New
This Week's Trending
This Month's Trending
This Year's Trending
With HEEX released we decided to start a components library using Tailwind CSS - check it out here: Petal Components.
We also have a boi...
New
Although Alpine seems to be working OK, I see this error in my console:
Any idea why is this happening and how can I fix it?
All the...
New
Last Three Year's Trending
Problem
When using more complex nested components, especially with live_components, AlpineJS can stop working after updates.
This issue ...
New
I’m having an issue with alpinejs where I am seemingly loosing alpine after performing a task where liveview basically validates a change...
New
We’re running into an odd problem with AlpineJS and Phoenix LiveView, whereby Alpine reacts to the previous value of an assign when it ch...
New
After spending some time recently researching various ways of building modern UIs I came to one sad conclusion: if one wants to build a m...
New
As part of work on headless I hit a bug that in certain conditions when updating the UI from LiveView an Alpine.js component crash.
This...
New
I am trying to use Alpine JS (3.13.2) with Phoenix 1.7.10, using dead views generated by mix phx.gen.html
In a file such as my_app/lib/m...
New
I created quick screencast to show how to add Alpine.js to a Phoenix application:
The written tutorial:
https://elixir-ph...
New
Hello,
I’m currently facing an issue when using tooltips from Alpine.js in my Elixir Phoenix LiveView project. The tooltips are working ...
New
Trending Over Three Years
Is there an alternative to Alpine.js in Phoenix 1.6?
I am trying to use this simple example:
<div x-data="{ open: false }">
...
New
Edit: Before copying and pasting anything into your project, it seems like Webpack v5 is needed to build Alpine v3. See posts below.
Whi...
New
Support for AlpineJS in LiveView was added in 0.13.3 and it works fabulously. I just wrote a blog article about it and plan another one s...
New
I have this code inside liveview in Phoenix 1.6:
<div x-data="{ open: false }" x-on:click.outside="open = false" x-on:keydown.e...
New
Let’s say I have the following in my liveview template:
my_template.html.leex
<div phx-hook="myHook">
<div
x-data="{input...
New
I have been trying to solve this issue with Alpine in Phoenix 1.6 LiveView:
and it now works.
But the problem is that I am loading al...
New
It would look as if there is a new way to initialize Alpine js
https://alpinejs.dev/essentials/installation#as-a-module
The key takeawa...
New
In a nutshell the issue I’m facing is that every time I register alpine’s @ or x-on event handler, two are registered and called when the...
New
I added hamburger feature to my project. Everything seems to work except for two
I want the dropdown to appear only when I click on ham...
New
I wanted to start a convo around how to render templates that define js data feeding data into a lib like chart.js via LiveView. When re...
New
I just published an article on creating Phoenix LiveView modals using Tailwind CSS and AlpineJS.
New
Hi,
I was wondering if Phoenix is planning to implement support for the module import of Alpine’s new csp build?
This is the guide on t...
New
Hi I don’t come from a front end background and have been trying to build some pages using HEEX templates.
I plan to create some selecta...
New
I’m having trouble getting Alpinejs to “shadow” and “track” assigns in my live component. For instance using an example from Integrating ...
New
I’ve installed tailwindcss but oddly can’t get alpinejs to work unless I link to a cdn, which defeats my goal. Added to that, when signin...
New
Latest on Elixir Forum
Get money off!
The Pragmatic Bookshelf
35% off any eBook
Manning Publications
45% off any item
ElixirCasts
10% off for life
The Pragmatic Studio
20% off any course
AppSignal
10% off for 12 months
Honeybadger
10% off for 12 months
Simply use coupon code "devtalk.com" or "elixirforum" at checkout!
Filter by Type:
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #exunit
- #elixirconf
- #discussion
- #javascript
- #podcasts
- #code-sync
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #api
- #processes
- #forms
- #metaprogramming
- #security
- #performance
- #hex
Forums
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
Courses that'll move you from confusion to "Aha, now I get it!"