You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/full.png"alt="Yes"> - All features of the component meet the requirement.</div>
33
+
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/full.png"alt="Fully supported"> - All features of the component meet the requirement.</div>
34
34
35
-
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/partial.png"alt="Intermediate"> - Some features of the component do not meet the requirement.</div>
35
+
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/partial.png"alt="Partially supported"> - Some features of the component do not meet the requirement.</div>
36
36
37
-
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/not-supported.png"alt="No"> - The component does not meet the requirement.</div>
37
+
<div><imgsrc="https://cdn.syncfusion.com/content/images/documentation/not-supported.png"alt="Not supported"> - The component does not meet the requirement.</div>
38
38
39
39
## WAI-ARIA attributes
40
40
41
-
The Blazor MaskedTextBox is characterized with complete ARIA Accessibility support that helps to access using on-screen readers and other assistive technology devices. This component is designed with the reference of the guidelines document given in [WAI ARAI Accessibility practices](https://www.w3.org/WAI/ARIA/apg/).
41
+
The Blazor MaskedTextBox includes comprehensive WAI-ARIA support to ensure compatibility with screen readers and other assistive technologies. This component is designed with reference to the WAI-ARIA Authoring Practices.
42
42
43
-
The MaskedTextBox uses the `textbox` role and following ARIA properties for its element based on its state.
43
+
The MaskedTextBox uses the textbox role and the following ARIA properties, based on state and configuration:
44
44
45
45
|**Property**|**Functionality**|
46
46
| --- | --- |
47
-
| aria-live | Indicates the priority of updates to a live region. |
48
-
| aria-disabled | Indicates the disabled state of the MaskedTextBox. |
49
-
| aria-valuenow | Specifies the current value of the MaskedTextBox. |
50
-
| aria-invalid | Indicates that the user input is incorrect or not within the acceptable ranges. |
51
-
| aria-placeholder | It is a short hint to help the users with data entry when the MaskedTextBox has no value. |
52
-
| aria-labelledby | Indicates the floating label element of the MaskedTextBox. |
47
+
| aria-label / aria-labelledby | Provides an accessible name for the MaskedTextBox. |
48
+
| aria-describedby | Associates helper or error text with the MaskedTextBox for screen reader announcement. |
49
+
| aria-invalid | Indicates that the current value fails validation. |
50
+
| aria-required | Indicates that input is required. |
51
+
| aria-disabled | Indicates that the MaskedTextBox is disabled. |
52
+
| aria-readonly | Indicates that the value cannot be changed by the user. |
53
+
| aria-multiline | Indicates whether the textbox supports multiple lines (typically false for MaskedTextBox). |
Copy file name to clipboardExpand all lines: blazor/input-mask/data-binding.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Data Binding in Blazor Input Mask Component
11
11
12
-
Data binding can be achieved by using the `bind-Value` attribute and it supports string type. If the component value is changed, it will affect all the places where you bind the variable for the **bind-Value** attribute.
12
+
Use the @bind-Value attribute to enable two-way data binding with the MaskedTextBox. The Value parameter is of type string. When the user edits the input, the bound field is updated; when the bound field changes in code, the component reflects the new value. For reference, see SfMaskedTextBox, Value, and Mask in the API, and the Blazor data binding guidance.
13
13
14
14
```cshtml
15
15
@using Syncfusion.Blazor.Inputs
@@ -25,7 +25,7 @@ Data binding can be achieved by using the `bind-Value` attribute and it supports
25
25
26
26
## Dynamic value binding
27
27
28
-
You can bind the value to the MaskedTextBox component dynamically for `bind-Value` attribute as mentioned in the following code.
28
+
The value can also be updated programmatically at runtime. Updating the bound field triggers the component to display the new value, as shown in the following example.
Copy file name to clipboardExpand all lines: blazor/input-mask/events.md
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,11 +9,11 @@ documentation: ug
9
9
10
10
# Events in Blazor Input Mask Component
11
11
12
-
This section explains the list of events of the Input Mask component which will be triggered for appropriate Input Mask actions.
12
+
This section lists the events available in the Blazor Input Mask (MaskedTextBox) component and when they are raised. Use these events to react to focus changes, value updates, and lifecycle moments. For reference, see the SfMaskedTextBox API.
13
13
14
14
## Blur
15
15
16
-
`Blur`event triggers when the Input Mask component has focus-out.
16
+
`Blur`is raised when the component loses focus. See Blur event and MaskBlurEventArgs in the API for details.
17
17
18
18
```cshtml
19
19
@using Syncfusion.Blazor.Inputs
@@ -30,7 +30,7 @@ This section explains the list of events of the Input Mask component which will
30
30
31
31
## Created
32
32
33
-
`Created`event triggers when the Input Mask component is created.
33
+
`Created`is raised after the component has been initialized and rendered for the first time.
34
34
35
35
```cshtml
36
36
@using Syncfusion.Blazor.Inputs
@@ -47,7 +47,7 @@ This section explains the list of events of the Input Mask component which will
47
47
48
48
## Destroyed
49
49
50
-
`Destroyed`event triggers when the Input Mask component is destroyed.
50
+
`Destroyed`is raised when the component is disposed.
51
51
52
52
```cshtml
53
53
@using Syncfusion.Blazor.Inputs
@@ -64,7 +64,7 @@ This section explains the list of events of the Input Mask component which will
64
64
65
65
## Focus
66
66
67
-
`Focus`event triggers when the Input Mask gets focus.
67
+
`Focus`is raised when the component receives focus. See Focus event and MaskFocusEventArgs in the API.
68
68
69
69
```cshtml
70
70
@using Syncfusion.Blazor.Inputs
@@ -81,7 +81,7 @@ This section explains the list of events of the Input Mask component which will
81
81
82
82
## ValueChange
83
83
84
-
`ValueChange`event triggers when the content of Input Mask has changed and gets focus-out.
84
+
`ValueChange`is raised when the input value changes and the component then loses focus (or commits the change). This is typically used to react to completed edits; for two-way binding, see `ValueChanged`.
85
85
86
86
```cshtml
87
87
@using Syncfusion.Blazor.Inputs
@@ -98,8 +98,7 @@ This section explains the list of events of the Input Mask component which will
98
98
99
99
## ValueChanged
100
100
101
-
`ValueChanged` event Specifies the callback to trigger when the value changes.
102
-
101
+
`ValueChanged` is raised whenever the value changes.
103
102
```cshtml
104
103
@using Syncfusion.Blazor.Inputs
105
104
@@ -113,4 +112,4 @@ This section explains the list of events of the Input Mask component which will
113
112
}
114
113
```
115
114
116
-
N> Input Mask is limited with these events and new events will be added in the future based on the user requests. If the event you are looking for is not on the list, then request [here](https://www.syncfusion.com/feedback/blazor-components).
115
+
N> Input Mask currently includes these events. Additional events may be added based on user requests. If a required event is not listed, submit a feature request in the Syncfusion Blazor feedback portal: https://www.syncfusion.com/feedback/blazor-components
0 commit comments