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