Mask

Demonstration and configuration of the Radzen Blazor Mask component.

In this demo three masked inputs demonstrate formatting: Telephone with Mask="(***) ***-****", Credit Card with Mask="**** **** **** ****", and SSN with Mask="***-**-****", all using CharacterPattern="[0-9]" to accept only digits and logging changes to the console.

Telephone

Credit Card

SSN

Console log

✨ 오늘의 명언 & 마음의 양식

“당신의 삶은 당신의 생각으로 만들어진다.”

— 마르쿠스 아우렐리우스 (로마 황제, 철학자)

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙