DModal3

Usage

1. Import the component

import DModal from 'd-modal3';

2. Add it to the components object

components: {DModal}

3. Use it in the template

<DModal
  ...props
  >Modal content</DModal>

Props

| Name | Type | Required | Values | Description | |:------------|:---------:|:------------:|:----------------------------------------:|:--------------------------------------------:| | hasBackdrop | Boolean | ❌ | Default value: false | A dark background to lay focus on the modal. | | closeIcon | String | ❌ | Default value: ./icn_close-default.svg | The icon for closing the modal. | | isVisible | Boolean | ❌ | Default value: false | For displaying the modal. |

Events

| Name | Description | |:--------:|:---------------------------------------------------------------------------------------------------------------------------:| | onClose | This event is triggered if there is a close event, which could be clicking on the close button or clicking on the backdrop. |