[Feature]: <TextArea/> component

[christopherkindl]

What problem does this feature solve?

<TextArea/>has been requested by a lot of users. Tremor team is also reworking their entire block section where they find a need for this component.

What does the proposed API look like?

Please use HTML's native </a> component. Styling same as in other input elemens, such as <code><TextInput/></code>.</p> <p>Explicit props:</p> <ul> <li>placeholder?: string</li> <li>error?: boolean</li> <li>errorMessage?: string</li> <li>disabled?: boolean</li> <li>maxLength?: number</li> </ul> <p>other native props, such as <code>autocomplete</code>, <code>autofocus</code> or <code>required</code>, should be passed via <code>...other</code> (see <code><TextInput/></code>). </p> <p>Please comment below if you want to work on this issue and we will assign you. Many thanks for your contribution in advance.</p> <p><img referrerpolicy="no-referrer" src="https://github.com/tremorlabs/tremor/assets/53372002/cce5a9b8-4821-4aad-8d23-a30cd7bec372" alt="_TextArea" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jorgeramirezamora"><img src="https://avatars.githubusercontent.com/u/12070085?v=4" />jorgeramirezamora</a> commented <strong> 9 months ago</strong> </div> <div class="markdown-body"> <p>I can take this one @christopherkindl </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/christopherkindl"><img src="https://avatars.githubusercontent.com/u/53372002?v=4" />christopherkindl</a> commented <strong> 9 months ago</strong> </div> <div class="markdown-body"> <p>Thanks so much, @jorgeramirezamora!</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/christopherkindl"><img src="https://avatars.githubusercontent.com/u/53372002?v=4" />christopherkindl</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Hi @jorgeramirezamora, just wanted to check in whether you still want to tackle this issue? Otherwise happy to re-assign it :) </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/jorgeramirezamora"><img src="https://avatars.githubusercontent.com/u/12070085?v=4" />jorgeramirezamora</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <blockquote> <p>Hi @jorgeramirezamora, just wanted to check in whether you still want to tackle this issue? Otherwise happy to re-assign it :) </p> </blockquote> <p>Hey @christopherkindl, yeah sorry. I hope to finish by THE end of this week. </p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/christopherkindl"><img src="https://avatars.githubusercontent.com/u/53372002?v=4" />christopherkindl</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>@jorgeramirezamora Awesome, thank you!</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Harsh-0986"><img src="https://avatars.githubusercontent.com/u/79073866?v=4" />Harsh-0986</a> commented <strong> 7 months ago</strong> </div> <div class="markdown-body"> <p>Is this issue resolved?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/lucafaggianelli"><img src="https://avatars.githubusercontent.com/u/4471043?v=4" />lucafaggianelli</a> commented <strong> 7 months ago</strong> </div> <div class="markdown-body"> <p>hey @jorgeramirezamora @christopherkindl how's it going with this issue? I'll be happy to work on it if you need help</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/github-actions[bot]"><img src="https://avatars.githubusercontent.com/in/15368?v=4" />github-actions[bot]</a> commented <strong> 7 months ago</strong> </div> <div class="markdown-body"> <p>:tada: This issue has been resolved in version 3.11.0-beta.6 :tada:</p> <p>The release is available on:</p> <ul> <li><a href="https://www.npmjs.com/package/@tremor/react/v/3.11.0-beta.6">npm package (@beta dist-tag)</a></li> <li><a href="https://github.com/tremorlabs/tremor/releases/tag/v3.11.0-beta.6">GitHub release</a></li> </ul> <p>Your <strong><a href="https://github.com/semantic-release/semantic-release">semantic-release</a></strong> bot :package::rocket:</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/github-actions[bot]"><img src="https://avatars.githubusercontent.com/in/15368?v=4" />github-actions[bot]</a> commented <strong> 7 months ago</strong> </div> <div class="markdown-body"> <p>:tada: This issue has been resolved in version 3.11.0 :tada:</p> <p>The release is available on:</p> <ul> <li><a href="https://www.npmjs.com/package/@tremor/react/v/3.11.0">npm package (@latest dist-tag)</a></li> <li><a href="https://github.com/tremorlabs/tremor/releases/tag/v3.11.0">GitHub release</a></li> </ul> <p>Your <strong><a href="https://github.com/semantic-release/semantic-release">semantic-release</a></strong> bot :package::rocket:</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>