pantoken / renderers/web-components/src / modal

متغير: modal

const modal: ElementDefinition

ألفا

<instui-modal> — عنصر <dialog> حقيقي، لذا يحصل على حجز التركيز، والإغلاق بواسطة مفتاح Escape، و ::backdrop مجانا. السمة open تتحكم في showModal()/close(); الإغلاق الأصلي (مفتاح Escape أو النقر على الخلفية) ينعكس على السمة ويُعيد إطلاق حدث close قابل للانتشار. قابل للتحكم من DOM الخفيف عبر أوامر Invoker — يقوم <button command="--show|--close|--toggle" commandfor="modal-id"> بتبديله بحسب المعرف. يوضع المحتوى في الفتحة الافتراضية.

مثال

<button command="--show" commandfor="confirm">Delete…</button>
<instui-modal id="confirm">
  <h2>Delete this item?</h2>
  <button command="--close" commandfor="confirm">Cancel</button>
</instui-modal>