DevExtreme React - Limit the Text Length

To limit the text length, assign an integer number to the maxLength option. By default, the text length is unlimited.

jQuery
JavaScript
$(function() {
    $("#textAreaContainer").dxTextArea({
        maxLength: 200
    });
});
Angular
HTML
TypeScript
<dx-text-area
    [maxLength]="200">
</dx-text-area>
import { DxTextAreaModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
     imports: [
         // ...
         DxTextAreaModule
     ],
     // ...
 })
Vue
<template>
    <DxTextArea :max-length="200"/>
</template>

<script>
import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.light.css';

import { DxTextArea } from 'devextreme-vue/text-area';

export default {
    components: {
        DxTextArea
    }
}
</script>
React
import React from 'react';
import 'devextreme/dist/css/dx.common.css';
import 'devextreme/dist/css/dx.light.css';

import { TextArea } from 'devextreme-react/text-area';

class App extends React.Component {
    render() {
        return (
            <TextArea maxLength={200}/>
        );
    }
}

export default App;
See Also