@globalpayments/vega-vue

Vega Vue

Vue specific wrapper for @globalpayments/vega

How to use

For installation guidance, please refer to https://vega.globalpayments.com/guides/getting-started-developers#vue

Note:

• to pass a complex data (array, object) to the vega component property, please append .prop modifier to the property name, for more details please check link

  <vega-input-select :source.prop="{
              displayName: 'Alabama',
              id: 'AL',
          },
          {
              displayName: 'Alaska',
              id: 'AK',
          }"></vega-input-select>
  

• To use a slot attribute within vega components, please make sure that you have added the disabled corresponding lint rule, for example:

   <vega-accordion :accordion-title="accordionTitle">
     <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute-->
     <div slot='accordion-content'>{{emailDisplayValue}}</div>
   </vega-accordion>