pantoken / renderers/web-components/src / modal

Փոփոխական: modal

const modal: ElementDefinition

Ալֆա

<instui-modal> — իրական <dialog>, այնպես որ այն ստանում է կենտրոնացման ընդգծում, Escape-ից-փակել, և ::backdrop անվճար։ open հատկանիշը գործարկում է showModal()/close(); բնիկ հրաժարում (Escape կամ backdrop սեղմում) արտացոլվում է հետ հատկանիշին և վերախաղարկվում է որպես փուչ close իրադարձություն։ Վարվում է թեղ DOM-ից Invoker Commands-ի միջոցով. <button command="--show|--close|--toggle" commandfor="modal-id">-ը միացնում է այն id-ով։ Բովանդակությունը փոխանցվում է կանխադրված slot-ի մեջ։

Օրինակ

<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>