React TextBox - Task-Specific Modes
Depending on the value the TextBox should hold, specify the UI component mode property. When set to "email", "tel" or "url", this property affects the set of keyboard buttons shown on a mobile device when the UI component gets focused. When set to "search" or "password", the mode property impacts the visual representation of the UI component. For example, the following code hides input characters behind asterisks.
- import React from 'react';
- import 'devextreme/dist/css/dx.common.css';
- import 'devextreme/dist/css/dx.light.css';
- import { TextBox } from 'devextreme-react/text-box';
- class App extends React.Component {
- render() {
- return (
- <TextBox
- mode="password"
- />
- );
- }
- }
- export default App;
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.