InfoModal Component

The InfoModal component is a reusable modal for displaying informational messages.

Purpose and Utility

The InfoModal component is used to display messages to the user, such as success or error notifications.

Example Usage

The InfoModal component is used in the Header component to display informational messages:

<template>
  <InfoModal :visible="infoVisible" :infoMsg="infoMsg" />
</template>

Props

• size (Number): The size of the modal. Default is 21.
• visible (Boolean): Whether the modal is visible. Default is false.
• infoMsg (String): The message to display in the modal.
• enableHide (Boolean): Whether to show a button to hide the modal. Default is true.

Watchers

• visible: Shows or hides the modal based on the visible prop.
• infoMsg: Updates the modal content when the message changes.

Notes

• The InfoModal component uses BootstrapVue's modal for styling and functionality.