لوحة السجل

import"@truvar-ai/design-system"

لوحة السجل

لوحة جانبية بأسلوب HubSpot لعرض سجل واحد وتعديله دون مغادرة القائمة. تجمع بين Drawer و Disclosure و Select و TextField و Tabs و Tooltip والإشعارات.

افتح اللوحة

مبني على Drawer side=start | end

عدّل أي حقل لتظهر أزرار الحفظ مع تنبيه بالتغييرات غير المحفوظة. مفتاح Esc أو الضغط خارجها يغلقها.

التكوين

رأس بالصورة الرمزية والمرحلة، وإجراءات سريعة، ومجموعات خصائص قابلة للطي، والارتباطات، وسجل نشاط في علامات تبويب. التذييل يطلب الحفظ فقط عند وجود تغيير.

<RecordPanel
  contact={contact}
  side="end"            // "start" | "end", mirrors in Arabic
  isOpen={open}
  onOpenChange={setOpen}
  onSave={(next) => update(next)}
/>