0.1.5 • Published 5 years ago
c-modal v0.1.5
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 |