c-modal

Custom version of v-dialog from Vuetify.

Project setup

yarn add c-modal -D

or

npm i c-modal --save-dev

Usage example

import modal from 'c-modal/src/components/modal/modal.vue'

<modal primaryBtnColor="success" secondaryBtnColor="secondary" modalWidth="600">
      <p slot="headerTitle">Lorem ipsum</p>
      <p slot="contentText">Moral Person <br/>
      Subject to CIT but if shares are held up at least mores than 2 years: tax rate of 4%(12%*33.33%)</p>
      <span slot="primaryBtnText">Primary</span>
      <span slot="secondaryBtnText">Secondary</span>
</modal>

Props

|Name |Definiton |Values |Type | |:-:|:-:|:-:|:-:| | primaryBtnColor | Button color to be shown | success/error/warning/info/secondary | String | | secondaryBtnColor | Button color to be shown | success/error/warning/info/secondary | String | | modalWidth |Modal Width | 600 | String |

Slots

|Name |Definiton |Values |Type | |:-:|:-:|:-:|:-:| | primaryBtnText | Button text to be shown | Button | String | | secondaryBtnText | Button text to be shown | secondary | String | | headerTitle | Header text to be shown | Lorem Ispum | String | | contentText | Modal body text to be shown | content | String |