HyperJS👾Components

Input Card Number Dynamic

Mask the value of the input to be formatted like a card number with the x-mask Alpine JS plugin. Masking based on card type.

This uses the Alpine JS Mask plugin.

Example

Code

HyperUI Hypercolor HyperJS Portfolio

HyperJS is a collection of HTML snippets to showcase of common JavaScript functionality, written in Alpine JS. There is an official Alpine JS components library that features code examples, documentation and screencasts all from the creator of Alpine JS, Caleb Porzio.Alpine JS Components

2022 Mark Mead