<dy-text-mask>
A text masking component that formats and masks text content according to specified patterns. It's commonly used for displaying sensitive information or formatting data like phone numbers.
Example
Loading...
<dy-text-mask .masks=${["☎️ xxx-****-xxxx"]}> 13198761234 </dy-text-mask> <dy-text-mask .masks=${["☎️ ###-####-xxxx"]} .replacer=${"#"}> 13198761234 </dy-text-mask>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
origin(origin) |
Yes | string |
placeholder(placeholder) |
Yes | string |
replacer(replacer) |
Yes | string |
masks |
Yes | string[] |