pantoken / renderers/web-components/src / modal

Variabel: modal

const modal: ElementDefinition

Alpha

<instui-modal> — en rigtig <dialog>, så den får fokus-fangst, Escape-for-at-lukke, og en ::backdrop gratis. Attributten open driver showModal()/close(); en indfødt afvisning (Escape eller et baggrund-klik) afspejles tilbage til attributten og genudløses som en bobbende close begivenhed. Kan styres fra lys DOM via Invoker-kommandoer — en <button command="--show|--close|--toggle" commandfor="modal-id"> slår det til og fra efter id. Indhold går ind i standardslotten.

Eksempel

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