Element: #054 Basic (inputs/text-area) What it shows: Three text areas: empty, with a placeholder, and with initial content. When to use: Free-form multi-line input such as a message, notes or a description. Spec: - `` starts empty - `<TextArea label="Notes" placeholder="Write something…" bind:value={notes} />` - `<TextArea label="Description" bind:value={description} />` starts as `Some initial content here.` Tags: text-area, textarea, placeholder, label, bind-value Needs: @codeatlasdev/ui@4.4.0 Components: TextArea Live demo: https://ui.codeatlas.com.br/docs/inputs/text-area#basic <script lang="ts"> import { TextArea } from '@codeatlasdev/ui'; let message = $state(''); let notes = $state(''); let description = $state('Some initial content here.'); </script> <div class="col"> <TextArea label="Message" bind:value={message} /> <TextArea label="Notes" placeholder="Write something…" bind:value={notes} /> <TextArea label="Description" bind:value={description} /> </div> <style> .col { display: flex; flex-direction: column; gap: var(--ca-space-4); width: 100%; max-width: 480px; } </style>