slds-Modals and Popovers .html

slds-Modals_an_Popovers .html

<template>
  <div>
    <button class="slds-button slds-button_brand" onclick={openModal}>Open Modal</button>

    <div class={modalClass}>
      <div class="slds-modal__container">
        <div class="slds-modal__header">
          <h2 class="slds-text-heading_medium">Modal Header</h2>
        </div>
        <div class="slds-modal__content">
          <p>This is the content of the modal.</p>
        </div>
        <div class="slds-modal__footer">
          <button class="slds-button slds-button_neutral" onclick={closeModal}>Close</button>
          <button class="slds-button slds-button_brand">Save</button>
        </div>
      </div>
    </div>
  </div>
</template>