Appearance

The NumericTextBox provides a predefined set of appearance options.

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

• size
• fillMode
• rounded

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

Adornments

You can also render custom React Components like the Icon by configuring the prefix and suffix props of the NumericTextBox 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 NumericTextBox
• NumericTextBox prefix options
• NumericTextBox suffix options
• NumericTextBox size options
• NumericTextBox fillMode options
• NumericTextBox rounded options
• Creating Custom Styles with ThemeBuilder