2.3.2 • Published 4 years ago

leapa-customer v2.3.2

Weekly downloads
-
License
ISC
Repository
gitlab
Last release
4 years ago

Installation

From your project folder, install the component from npm

npm install leapa-customer

Usage

  1. Import the component

    In a JavaScript module:

    import "leapa-customer"

In an HTML page:

```

<script type="module">
	import '/node_modules/leapa-customer/build/index.js';
</script>

```



Or:



```
<script type="module" src="/node_modules/leapa-customer/build/index.js"></script>
```
  1. Add the component to your application or component:

    <leapa-customer
        key="e352b44297e011eabe07247703c90838"
        button-color="#ff2f53"
        address="true"
        names="true"
        ...
    >
    </leapa-customer>

Configuration properties.

Plenty of configurable properties to tune the component.

NameDescriptionRequiredDefault value
keyCustomer authentication keyYesNone
button-colorChanges the color of the buttonNo#1b1b1b
button-text-colorChanges the color of the button textNo#ffffff
button-textChanges text of the buttonNoSave
label-colorChanges the color of the input labelsNolightgray
label-emailLabel for email input fieldNoEmail
label-card-infoLabel for card information sectionNoCard Information
label-card-nameLabel for card name input fieldNoName on card
label-card-regionLabel for region input fieldNoCountry or region
label-card-zipLabel for zip codeNoPostal Code
label-first-nameLabel for first name input fieldNoFirst Name
label-last-nameLabel for last name input fieldNoLast Name
label-phone-numberLabel for phone number input fieldNoPhone Number
label-address-line1Label for address line 1 input fieldNoAddress Line 1
label-address-line2Label for address line 2 input fieldNoAddress Line 2
label-address-cityLabel for city input fieldNoCity
label-address-countryLabel country input fieldNoCountry
label-address-stateLabel for state input fieldNoState
label-address-zipLabel for zip code fieldNoZip Code
label-dobLabel for date of birth input fieldNoDate of birth
namesDisplays first and last name input fieldsNofalse
addressDisplays customer address input fieldsNofalse
DOBDisplays date of birth input fieldNofalse
mobileDisplays mobile phone input fieldNofalse
TOSDisplays terms of service sectionNofalse
2.3.2

4 years ago

2.3.0

4 years ago

2.2.0

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago