@forlagshuset/v-term-popup

FH Term Popup component

Plugin install main.js import TermPopup from '@forlagshuset/v-term-popup'

TermPopupComponentSlots.vue import { FHTermPopup } from '@forlagshuset/v-term-popup'

Events close - after clicking 'X' icon

Props

ariaLabelCloseButton: {
  type: String,
  default: 'close button'
}
ariaLabel: {
  type: String,
  default: ''
}

Component

<FHTermPopup ariaDescribedBy="elementWhichOwnsPopup">
  <template #close>
  <!-- if close button needs to be changed -->
  </template>

  Some content

  <template #pointer>
  <!-- if pointer element needs to be changed -->
  </template>
</FHTermPopup>