CCR Reusable Components

A library of CCRs standard Vue components

Get Started

Use your preferred package manager to install

npm install @ccrpd/ccr-reusuable-components

yarn add @ccrpd/ccr-reusuable-components

Include the following to add to your project

import ReusableComponents from '@ccrpd/ccr-reusuable-components';

Vue.use(ReusableComponents);

Peer Dependencies

These modules must be installed in your project.

"@coreui/coreui": "^3.0.0"
"@coreui/vue": "^3.0.7"
"vue": "^2.6.10"
"devextreme": "19.2.7"
"devextreme-vue": "19.2.7"

Components

CustomModal

Wrapped CModal component with custom styling. See CoreUI CModal for documentation.

Example:

<CustomModal
    title="Milestone Details"
    :show.sync="showModal"
    :centered="true"
    :closeOnBackdrop="false"
    :backdrop="false"
    :width="1000"
>
  <!-- MODAL CONTENT -->
</CustomModal>

MilestoneDetails

Modal that displays milestone details.

Props:

show.sync: Boolean

• Sets visibility. Prop is required to have .sync modifier.

productInstanceID: Number

• Product instance to be referenced for API call

Example:

<MilestoneDetails 
  :show.sync="displayModal"
  :productInstanceID="12345"
/>