simple_alpine

Overview

simple_alpine provides fluent Alpine.js attribute building for Eiffel web applications. Extends simple_htmx to add Alpine.js directives, enabling rich client-side interactivity.

Part of the simple_* ecosystem of focused, single-purpose Eiffel libraries.

Quick Start

<library name="simple_alpine" location="$SIMPLE_ALPINE/simple_alpine.ecf"/>

Basic Usage

local
    div: ALPINE_DIV
do
    create div.make
    div.x_data ("{ open: false }")
    div.x_show ("open")
    div.x_on_click ("open = !open")
    div.set_text ("Click me")
end

Features

• Type-safe Alpine.js directives
• Fluent builder API
• Extends simple_htmx elements
• x-data, x-show, x-if, x-for support
• Event handling with x-on
• Full Design by Contract support