คอมโพเนนต์ทั้งหมด

Textarea

ช่องกรอกหลายบรรทัด พร้อมตัวนับตัวอักษร

ui/field.tsxServer safe

พร้อมตัวนับ

ตัวนับอยู่ในช่อง aside ของ Field และประกาศให้โปรแกรมอ่านหน้าจอแบบสุภาพ
0/280

เขียนให้เจาะจง ใส่ตัวอย่างหรือบทเรียนที่เกี่ยวข้อง

tsx
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

PropTypeDefaultคำอธิบาย
...propsTextareaHTMLAttributes-rows, maxLength และอื่นๆ ความสูงเริ่มต้น 120 px ปรับแนวตั้งได้

ใช้เมื่อไร

ควรทำ

  • บอกว่าควรเขียนอะไรในคำแนะนำ
  • เผื่อความสูงตามความยาวที่คาดไว้

ไม่ควรทำ

  • ใช้ maxLength ตัดข้อความเงียบๆ ให้แสดงตัวนับและข้อผิดพลาดแทน