کامپوننت‌ها
ویرایش درجا
ویرایش متن در همان جا، مثل نام پروژه یا عنوان کارت، بدون فرم جداگانه.
import { InlineEdit } from "@kashi-ui/react";نمونه
<InlineEdit label="نام پروژه" defaultValue="بازطراحی فروشگاه"
validate={(v) => (v ? undefined : "نام پروژه نمی‌تواند خالی باشد.")}
onSave={(v) => api.rename(v)} />اگر onSave یک Promise برگرداند، دکمهٔ ثبت تا پایانش در حالت بارگذاری می‌ماند و در صورت خطا متن قبلی برمی‌گردد.
| نام | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
label | string | — | نام فیلد برای صفحه‌خوان (الزامی) |
value / defaultValue | string | "" | |
onSave | (value) => void | Promise | — | پس از ثبت |
validate | (value) => string | undefined | — | پیام خطا |
renderView | (value) => ReactNode | — | ظاهر حالت نمایش، مثلاً عنوان |
placeholder | string | «خالی» |
کیبورد
| کلید | عمل |
|---|---|
| Enter روی متن | شروع ویرایش |
| Enter در فیلد | ثبت |
| Esc | انصراف و برگشت به متن |
دسترس‌پذیری
حالت نمایش یک دکمه با نام کامل است («نام پروژه: بازطراحی فروشگاه، ویرایش»). پس از ثبت یا انصراف، فوکوس به همان دکمه برمی‌گردد.