Setting max length property of masked input control in ember js

[simpledeveloper]

input component in ember as below:

{{#each tags as |tag index|~}}
* {{yield tag}}
{{#if _isRemoveButtonVisible}}

        {{/if}}
    
{{~/each~}}

*           {{masked-input
        disabled=readOnly    
        class=(concat 'emberTagInput-input js-ember-tag-input-new' (if readOnly ' is-disabled'))
        maxlength='20'
        textMaxLength='20'
        placeholder=placeholder
        input-format='regex'
        input-filter='\[A-Za-z0-9\\ \\-@#\]{1,20}'
        input-filter-message='Complaint Id is not valid.'
        }}

And I am using it in my hbs files as below:

        Complaint Id
        {{#tag-input
        maxlength=20
        tags=tags
        addTag=(action 'addNewTag')
        removeTagAtIndex=(action 'removeTagAtIndex')
        as |tag|
        }}
        {{tag}}
        {{/tag-input}}

I want to set max length for the input that I enter as text in the textbox that comes with this component, any help please which property sets the max length that one can enter in it? Thanks a lot please.

[ZurdoDev]

I see you have several attempts. Are they not working? Built-in Components - Components - Ember Guides[^] It's the standard maxlength attribute.

Social Media - A platform that makes it easier for the crazies to find each other. Everyone is born right handed. Only the strongest overcome it. Fight for left-handed rights and hand equality.