Textarea — Sigta UI

Basic

Project brief

Source

<div class="max-w-sm">
        <sigta:textarea label="Project brief" placeholder="What are we drawing?" />
    </div>

With description

Notes

Visible to the whole team.

Source

<div class="max-w-sm">
        <sigta:textarea label="Notes" description="Visible to the whole team." rows="3">Kickoff moved to Tuesday.</sigta:textarea>
    </div>

Error

Project brief

Give us at least a sentence.

Source

<div class="max-w-sm">
        <sigta:textarea label="Project brief" error="Give us at least a sentence." />
    </div>

Taller (rows=8) & disabled

Scope

Archived brief

Source

<div class="flex max-w-sm flex-col gap-4">
        <sigta:textarea label="Scope" rows="8" placeholder="Everything we agreed to build…" />
        <sigta:textarea label="Archived brief" disabled>Locked after sign-off.</sigta:textarea>
    </div>