berry/alpinejs

Alpine.js extension for berry/html

Maintainers

Package info

github.com/berry-php/alpinejs

pkg:composer/berry/alpinejs

Statistics

Installs: 33

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 0

Security

Advisories: 0

Aikido package health analysis

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

Requires

Requires (Dev)

MIT 5a2a26e21e977307d5175bbec90bf57976a90c85

  • Christopher Kaster <me.woop@atomicptr.de>

This package is not auto-updated.

Last update: 2026-06-25 13:43:26 UTC

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