Alpine js get “tag input” as array
I’ve found a really cool tag input code with alpine js and tailwind css. It works just fine, but when I try to send it with my form, I always get the last tag only. I’d like to push them into an array …
Tag: alpine.js
Alpine.js – Show an input field and add focus to it at the same time
I have a button, and when a user clicks it, an input element should be shown and it should have focus. I tried this:
Get data attributes on click element alpinejs
Use Shopify/draggable with Alpine.js x-for directive
I’m trying to make the sortable plugin from Shopify working with Alpine.js but when I drag and drop the items, it generate the error in the console “Alpine Error: ‘ReferenceError: framework is …
Alpine.js: How do I access x-data from a function in an external file?
I’m just starting out with Alpine.js, I understand the basics but I’m having trouble applying them when moving functions outside of inline script tags. For example, in index.html:
Trigger Spruce Toaster via dispatch
So i was trying this on my TALL project https://github.com/zaxwebs/tailwind-alpine/blob/main/toast.html (code below)
…
I can not set width/height of uploaded with with JS code
In Laravel 8 / tailwindcss 2 / Alpinejs 2.8 app I have a form when current image is shown and new image 1) can be selected with preview and 2) Saved by Js code with axios request 3) on successfull …
How to fix error setting key event on form by its ID?
I want to add google map into my Laravel 8 / tailwindcss 2 / Alpinejs 2.8 app and I found example https://laraveldaily.com/laravel-find-addresses-with-coordinates-via-google-maps-api/ As I do not use …
Component communication with $dispatch using Alpine js
I have a product category drop down and optional input fields that need to show/hide depending on the category being selected. $dispatch works correctly but I’m not able to receive value in other …
AlpineJs, adding dynamic id to element and comparing on mouseover event
I want to display some data beloning to an image when a user hovers over it, how would I go adding and comparing id’s from a livewire component ? Livewire view