Lucid.Alpine

x-data Declare a new Alpine component and its data for a block of HTML

x-bind Dynamically set HTML attributes on an element

x-html Set the inner HTML of an element

x-cloak Hide a block of HTML until after Alpine is finished initializing its contents

x-effect Execute a script each time one of its dependancies change

x-for Repeat a block of HTML based on a data set

x-if Conditionally add/remove a block of HTML from the page entirely.

x-ignore Prevent a block of HTML from being initialized by Alpine

x-init Run code when an element is initialized by Alpine

x-model Synchronize a piece of data with an input element

x-on Listen for browser events on an element

x-ref Reference elements directly by their specified keys using the $refs magic property

x-show Toggle the visibility of an element

x-text Set the text content of an element

x-transition Transition an element in and out using CSS transitions

Use this value in your head_ tag to use Alpine.js in your lucid templates

Choose the version of Alpine.js to use using a 3-tuple representing semantic versioning