Stack Overflow
Stack Overflow

Questions tagged [alpine.js]

Alpine.js is a minimal framework for composing JavaScript behavior in your markup.

932 questions
5
votes
2 answers

Translating Alpine.js x-transitions to Vue.js transition classes?

So, I have a slight conceptual problem. I'll also admit I am primarily a back end developer and loose front end developer looking to learn better UI/UX principles/frameworks etc so apologies in advanced if this is a relatively straightforward…
Micheal J. Roberts
  • 3,735
  • 4
  • 37
  • 76
4
votes
1 answer

htmx and django: display feedback on successful/failed request

So I'm trying to display a feedback message saying "added" or "failed" when a form is submitted with HTMX to my Django backend. Basically what I have right now is a form that performs an hx-post, and the reply is a div containing the updated…
lpares12
  • 3,504
  • 4
  • 24
  • 45
4
votes
3 answers

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'fingerprint') Laravel Livewire

I've made a multiple file-upload component using Laravel Livewire. After the upload is complete I want to display the uploaded files without reloading the page, like so:
@foreach ($files…
Dirk Jan
  • 2,355
  • 3
  • 20
  • 38
4
votes
1 answer

Updating store after initialization for AlpineJS doesn't work

To initialize a store I have document.addEventListener('alpine:init', () => { Alpine.store('selectedInput', 0) }) But when I do this in a function further down, it doesn't update selectedInput: function example() { Alpine.store('selectedInput',…
eskimo
  • 2,421
  • 5
  • 45
  • 81
4
votes
3 answers

how to scroll to first validation error message in livewire laravel

I am new in livewire. i am working on registration process of user. Register form is quite big and validations also working fine to me. The problem is when user submits the form validations came but user not able to see because submit button is at…
kunal
  • 4,122
  • 12
  • 40
  • 75
4
votes
0 answers

AlpineJS X-ref Binding to display HTML from another file

I am currently learning Alpine JS and trying to find examples of binding using x-ref ( As per to the Docs: https://github.com/alpinejs/alpine#x-ref )but there isn't many as it only became a feature late year year. I am just wondering could anyone…
GreenOrange
  • 41
  • 1
  • 2
4
votes
0 answers

Alpine with Spruce : ReferenceError: $store is not defined

I am getting an error ReferenceError: $store is not defined I am using alpine and spruce in my wordpress theme and they are loaded as follows. wp_enqueue_script('spruce', "https://cdn.jsdelivr.net/gh/ryangjchandler/spruce@2.x.x/dist/spruce.umd.js",…
bhanu
  • 1,730
  • 3
  • 12
  • 30
4
votes
1 answer

AlpineJS: How can I add a class to an element conditionally?

I have an array of messages being pulled into view thanks to Laravel Echo, Livewire, and AlpineJS.
markusp
  • 329
  • 1
  • 2
  • 10
4
votes
2 answers

How to Convert Disable submit button from jQuery to alpinejs?

I want to know How I can Convert Disable submit button from jQuery to alpine js? The Code :
4
votes
1 answer

Is it possible to reference code from an external js file in alpineJS?

I have a Alpine JS template that i want to reference x-data from an array. I currently have that declared at the bottom of my HTML file in a