Tour List Web Component

Install

npm install cps-tour-list

Usage

<cps-tour-list api-url="" username="[email protected]"></cps-tour-list>

Properties

| Property | Attribute | Description | Type | Default | | ------------------ | ------------------- | ----------- | --------- | ----------- | | agent | agent | | boolean | false | | apiUrl | api-url | | string | undefined | | page | page | | number | 1 | | pageLimit | page-limit | | number | 12 | | pagination | pagination | | boolean | true | | selectPagination | select-pagination | | boolean | false | | username | username | | string | undefined |

CSS Variables

--cps-card-bg-color: #fff;
--cps-card-body-before-after-bg-color: #f9f9f9;
--cps-card-body-before-after-border-color: #f1f1f1;
--cps-thumbnail-bg-color: #fff;
--cps-thumbnail-overlay-bg-color: #e3e3e3;
--cps-card-content-street-font-color: #4a4a4a;
--cps-card-content-address-font-color: #7d7d7d;
--cps-label-bg-color: #ec5541;
--cps-label-font-color: #fff;
--cps-button-bg-color: #4d8d96;
--cps-button-hover-bg-color: #3c6d74;
--cps-button-font-color: #fff;
--cps-button-error-bg-color: #ec5541;
--cps-button-error-hover-bg-color: #e32f17;

Overwrite CSS Variables

<style>
  cps-tour-list {
    --cps-card-bg-color: black;
  }
</style>
<cps-tour-list api-url="" username="[email protected]"></cps-tour-list>

Browser compatibility

• Chrome
• Edge
• Firefox
• Safari
• Opera

Changelog

1.0.8

• Release 19.05.2020

• Features

  • Added lazy load images

• Refactor

1.0.7

• Release 29.04.2020

• Features

  • increased headers
  • one main button left

1.0.6

• Release 28.04.2020

• Bugfixes

  • fixed counter for pagination

1.0.5

• Release 27.04.2020

• Bugfixes

  • fixed total pages

1.0.4

• Release 27.04.2020

• Bugfixes

  • fixed pagination 2

1.0.3

• Release 27.04.2020

• Bugfixes

  • fixed pagination

1.0.2

• Release 27.04.2020

• Updates

  • updated buttons and pagination colors

1.0.1

• Release 26.04.2020

• Bugfixes

  • fixed pagination, images

1.0.0

• Release 17.04.2020

Built with StencilJS