Textarea

<rhx-textarea rhx-label="Notes"
           rhx-placeholder="Enter your notes..."
           name="notes" />

<rhx-textarea rhx-label="Bio" rhx-rows="5"
           rhx-placeholder="Tell us about yourself..."
           rhx-maxlength="500"
           rhx-hint="Max 500 characters"
           name="bio" />

<rhx-textarea rhx-label="Auto-resize"
           rhx-resize="auto" rhx-rows="2"
           rhx-placeholder="Type here and watch the textarea grow..."
           name="auto" />

<rhx-textarea rhx-label="Small" rhx-size="small" name="ta-sm" />
<rhx-textarea rhx-label="Medium (default)" name="ta-md" />
<rhx-textarea rhx-label="Large" rhx-size="large" name="ta-lg" />

<rhx-textarea rhx-label="Disabled" rhx-disabled="true"
           value="Cannot edit" name="ta-dis" />
<rhx-textarea rhx-label="Readonly" rhx-readonly="true"
           value="This content is read-only" name="ta-ro" />

<rhx-textarea rhx-label="Leave a Comment" name="comment"
           rhx-rows="3"
           rhx-placeholder="Write your comment here..." />
<rhx-button rhx-variant="brand"
            hx-post="/Docs/Components/Textarea?handler=Comment"
            hx-include="[name='comment']"
            hx-target="#comment-result">
    Submit Comment
</rhx-button>
<div id="comment-result">Write a comment and click submit...</div>