Komponen / Form & input

Textarea

Isian teks panjang (catatan, alasan penolakan, syarat pembayaran). Tinggi minimal ±3 baris, tumbuh mengikuti isi lalu scroll.

React · BetaFigma · siapFigma Sumber

Dengan batas karakter

Penghitung muncul otomatis bila `maxLength` diisi.

Alasan penolakan

0/500

Akan dikirim ke Sales pembuat PO.

Syarat pembayaran

Termin 1: 30% setelah PO terbit.
Termin 2: 70% setelah BAST ditandatangani.

import { FormField, Textarea } from '@divistant/circca-react';

export default function Example() {
  return (
    <div className="grid max-w-lg gap-4">
      <FormField label="Alasan penolakan" required helperText="Akan dikirim ke Sales pembuat PO.">
        <Textarea maxLength={500} placeholder="Jelaskan alasan dan apa yang perlu diperbaiki…" />
      </FormField>
      <FormField label="Syarat pembayaran" readOnly>
        <Textarea defaultValue={'Termin 1: 30% setelah PO terbit.\nTermin 2: 70% setelah BAST ditandatangani.'} />
      </FormField>
    </div>
  );
}