Path: Home > List > Load (alpinejs.dev)

Summary
The `x-data` directive enables you to declare an entire custom component with immediate accessibility, while providing essential runtime functions like the event handler. In this context, we define a new Alpine framework instance that includes two key features: an x-on:notify() listener attached to a `
` button and another dispatched method within its logic stack using `x-on:click`. This allows JavaScript code such as those found on HTML tags or other custom components without needing manual event setup. These utilities streamline the creation of robust UI elements that react instantly across browser environments, making complex layouts possible with minimal boilerplate markup.
Title
Alpine.js
Description
A rugged, minimal framework for composing behavior directly in your markup.
Keywords
data, element, button, html, open, using, block, text, span, template, reference, store, script, content, show, browser, toggle
Categories
Upstreams
laravel.com
Downstreams
github.com, twitter.com
NS Lookup
A 172.67.197.172, A 104.21.13.39
Dates
Created 2024-02-13
Updated 2026-07-30
Summarized 2026-07-29

Screenshot

Screenshot of alpinejs.dev

Query time: 2653 ms