Appearance

The MaskedTextBox provides a predefined set of appearance options.

Apart from the default vision of the MaskedTextBox, these alternative styling options enable you to configure each individual aspect of the appearance of a MaskedTextBox.

• size
• fillMode
• rounded

The following example demonstrates configuring different aspects of a MaskedTextBox appearance through a configurator.

Adornments

You can also render custom React Components like the Icon and Button by configuring the prefix and suffix props of the MaskedTextBox component and then implement custom functionality on top of them.

For correct styling, wrap custom adornments in InputPrefix and InputSuffix containers.

Suggested Links

• API Reference of the MaskedTextBox
• MaskedTextBox prefix options
• MaskedTextBox suffix options
• MaskedTextBox size options
• MaskedTextBox fillMode options
• MaskedTextBox rounded options
• Creating Custom Styles with ThemeBuilder