deadsimple/hyva-input-mask

A deadsimple wrapper to use the input mask plugin from AlpineJs directly in you Hyvä theme and forms

1.0.1 2026-01-12 14:07 UTC

Requires

• hyva-themes/magento2-default-theme: *

MIT

• Maurits Meester

README

Deadsimple Hyva Input Mask Module using AlpineJs Plugin

This module is a simple wrapper to integrate the input mask plugin from AlpineJs directly into your Hyvä theme and forms. It allows you to easily apply input masks to form fields, enhancing user experience and data validation.

Installation

To install the module, follow these steps:

1. Install the module using Composer:

composer require deadsimple/hyva-inputmask

1. Enable the module:

bin/magento module:enable DeadSimple_HyvaInputMask

1. Run the setup upgrade:

bin/magento setup:upgrade

Usage

To use the input mask plugin, you need to add the x-mask attribute to your input field. The value of the x-mask attribute should be a valid mask pattern. For example:

<input type="text" x-mask="999-999-9999" />

This will apply a phone number mask to the input field, allowing only digits and formatting them as 999-999-9999.

For more information on the available mask patterns and options, refer to the AlpineJs Mask Plugin Documentation.

License

This module is licensed under the MIT License. See the LICENSE file for more information.