Textarea

<div class="w-full max-w-sm">
    <twig:ui:Textarea placeholder="Type your message here." />
</div>

<div class="grid w-full max-w-sm gap-4">
    <div class="grid w-full gap-3">
        <twig:ui:Label for="textarea-sm">Small</twig:ui:Label>
        <twig:ui:Textarea id="textarea-sm" size="sm" placeholder="Small textarea" />
    </div>

    <div class="grid w-full gap-3">
        <twig:ui:Label for="textarea-md">Medium (default)</twig:ui:Label>
        <twig:ui:Textarea id="textarea-md" size="md" placeholder="Medium textarea" />
    </div>

    <div class="grid w-full gap-3">
        <twig:ui:Label for="textarea-lg">Large</twig:ui:Label>
        <twig:ui:Textarea id="textarea-lg" size="lg" placeholder="Large textarea" />
    </div>
</div>

<div class="w-full max-w-sm">
    <twig:ui:Textarea placeholder="Type your message here." disabled />
</div>

<div class="grid w-full max-w-sm gap-3">
    <twig:ui:Label for="message">Your message</twig:ui:Label>
    <twig:ui:Textarea id="message" placeholder="Type your message here." />
</div>

<div class="grid w-full max-w-sm gap-3">
    <twig:ui:Label for="message-2">Your Message</twig:ui:Label>
    <twig:ui:Textarea id="message-2" placeholder="Type your message here." />
    <p class="text-muted-foreground text-sm">
        Your message will be copied to the support team.
    </p>
</div>

<div class="grid w-full max-w-sm gap-2">
    <twig:ui:Textarea placeholder="Type your message here." />
    <twig:ui:Button>Send message</twig:ui:Button>
</div>