MaskedInput for Blazor - How to create an input element for a card number, expiry date, and CVV

This example demonstrates how to show an input element that contains fields for a credit card number, expiration date, and card verification value (CVV).

Overview

The DxMaskedInput component is a text editor that supports masks. Place multiple DxMaskedInput components in a div container to create fields for a card number, expiration date, and CVV. Use the InputCssClass property to remove their borders and display these components as a single input element.

Files to Look At

• Index.razor

Documentation

• Apply a Mask
• Masks

More Examples

• DevExpress Blazor - How to localize components