Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

c-modal

ppk7891180.1.5

Custom version of v-dialog from Vuetify.

readme

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