Autosize

The autosize element will automatically adjust the textarea height and make it easier for users to follow as they type.

To be able to use the autosize in your application you will need to install the autosize dependency with npm install autosize.

Default markup

Add the autosize element to your input to make it automatically adjust to the length of a text as a user types it.

To create autosize textarea, add the data-bs-toggle="autosize" attribute to the textarea element:

<textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>

Look at the example below to see how the autosize element works:

Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors
illustrations banner imageillustrations banner image dark
65 sleek illustrations for your startup's visual identity.