2.3.2 • Published 4 years ago
leapa-customer v2.3.2
Installation
From your project folder, install the component from npm
npm install leapa-customer
Usage
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>
```
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.
Name | Description | Required | Default value |
---|---|---|---|
key | Customer authentication key | Yes | None |
button-color | Changes the color of the button | No | #1b1b1b |
button-text-color | Changes the color of the button text | No | #ffffff |
button-text | Changes text of the button | No | Save |
label-color | Changes the color of the input labels | No | lightgray |
label-email | Label for email input field | No | Email |
label-card-info | Label for card information section | No | Card Information |
label-card-name | Label for card name input field | No | Name on card |
label-card-region | Label for region input field | No | Country or region |
label-card-zip | Label for zip code | No | Postal Code |
label-first-name | Label for first name input field | No | First Name |
label-last-name | Label for last name input field | No | Last Name |
label-phone-number | Label for phone number input field | No | Phone Number |
label-address-line1 | Label for address line 1 input field | No | Address Line 1 |
label-address-line2 | Label for address line 2 input field | No | Address Line 2 |
label-address-city | Label for city input field | No | City |
label-address-country | Label country input field | No | Country |
label-address-state | Label for state input field | No | State |
label-address-zip | Label for zip code field | No | Zip Code |
label-dob | Label for date of birth input field | No | Date of birth |
names | Displays first and last name input fields | No | false |
address | Displays customer address input fields | No | false |
DOB | Displays date of birth input field | No | false |
mobile | Displays mobile phone input field | No | false |
TOS | Displays terms of service section | No | false |