คอมโพเนนต์ทั้งหมด
Textarea
ช่องกรอกหลายบรรทัด พร้อมตัวนับตัวอักษร
ui/field.tsxServer safeพร้อมตัวนับ
ตัวนับอยู่ในช่อง aside ของ Field และประกาศให้โปรแกรมอ่านหน้าจอแบบสุภาพ
0/280
เขียนให้เจาะจง ใส่ตัวอย่างหรือบทเรียนที่เกี่ยวข้อง
const [text, setText] = useState("");
<Field label="ถามคำถามกับผู้สอน" aside={<Counter value={text.length} max={280} />}
error={text.length > 280 ? "ยาวเกิน 280 ตัวอักษร" : undefined}>
<Textarea value={text} onChange={e => setText(e.target.value)} />
</Field>Props
| Prop | Type | Default | คำอธิบาย |
|---|---|---|---|
...props | TextareaHTMLAttributes | - | rows, maxLength และอื่นๆ ความสูงเริ่มต้น 120 px ปรับแนวตั้งได้ |
ใช้เมื่อไร
ควรทำ
- บอกว่าควรเขียนอะไรในคำแนะนำ
- เผื่อความสูงตามความยาวที่คาดไว้
ไม่ควรทำ
- ใช้ maxLength ตัดข้อความเงียบๆ ให้แสดงตัวนับและข้อผิดพลาดแทน