mirror of
https://github.com/tenrok/maska.git
synced 2026-05-15 11:59:38 +03:00
Alexander Shabunevich
26 lines
1.2 KiB
Markdown
26 lines
1.2 KiB
Markdown
<object data="../maska.svg" type="image/svg+xml" style="max-width: 90%"></object>
|
|
|
|
---
|
|
|
|
!> Maska v3 is currently in beta. If you encounter any issues, please [report them](https://github.com/beholdr/maska/issues).
|
|
|
|
**Maska** is a simple zero-dependency input mask library.
|
|
|
|
You can use it with vanilla javascript or with your favorite framework. Out of the box there is integration with Vue 2/3, Svelte and Alpine.js, but you can integrate it into any framework.
|
|
|
|
> ❤️ [Please support](https://boosty.to/beholdr) Maska development!
|
|
|
|
## Main components
|
|
|
|
- `Mask` — class for mask processing (can be used to mask any string)
|
|
- `MaskInput` — handles interaction with the `<input>` element
|
|
- Directives `vMaska` for Vue, `xMaska` for Alpine.js and `maska` action for Svelte
|
|
|
|
## Live Demo
|
|
|
|
<iframe height="640" style="width: 100%;" scrolling="no" title="Maska v3 demo" src="https://codepen.io/beholdr/embed/qBGrLOW?default-tab=result&editable=true" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
|
|
See the Pen <a href="https://codepen.io/beholdr/pen/qBGrLOW">
|
|
Maska v3 demo</a> by Alexander (<a href="https://codepen.io/beholdr">@beholdr</a>)
|
|
on <a href="https://codepen.io">CodePen</a>.
|
|
</iframe>
|