berry/alpinejs

Alpine.js extension for berry/html

v0.1.0 2026-06-24 15:17 UTC

Requires

• berry/extension-method-stub-generator: >=0.2
• berry/html: >=0.14

Requires (Dev)

• pestphp/pest: ^4.7
• phpstan/phpstan: ^2.2
• phpstan/phpstan-deprecation-rules: ^2.0

MIT

• Christopher Kaster

README

Alpine.js extension for berry/html

Usage

Install via composer

$ composer req berry/alpinejs

<?php

use Berry\Element;

use function Berry\Html\button;
use function Berry\Html\div;
use function Berry\Html\span;

function renderCounter(): Element
{
    return div()
        ->xData(['count' => 0])
        ->children(
            button()->xOnClick('count++')->text('Increment'),
            span()->xText('count'),
        );
}

<?php

use Berry\Element;

use function Berry\Html\button;
use function Berry\Html\div;

function renderDropdown(): Element
{
    return div()
        ->xData(['open' => false])
        ->children(
            button()->xOnClick('open = ! open')->text('Toggle'),
            div()->xShow('open')->xOnClickOutside('open = false')->text('Contents...'),
        );
}

Most Alpine directives are available as methods, for example x-data becomes xData(...), x-model becomes xModel(...), and x-on:click becomes xOnClick(...).

PHPStan

If you're using phpstan (you should), you will also need to install phpstan/extension-installer so that the extension methods are automatically detected.

License

MIT