sunweb

Package Item

components package item package-item

Definition


Package item is used as an acco overview.

c-package-item

Handlebars

8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Loading...

The package item can have a collection assigned, which change its style.
This styles could be applied only if the brand has theme color schemes.

boutique
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia

The package item can have a CTA button.

c-package-item [showCtaButton=true]

Handlebars

8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Loading...

Variants


Package item has the "listed" variant to show the package item as a list item.

c-package-item > c-package-item--listed

Handlebars

8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Loading...

In some cases, the name of the accomodation can be really long. Then, this will be solved with an "ellipsis" as follows:

Handlebars

8,2

This is an example with a really really long name. When this happens, an ellipsis will be applied and three dots will appear at the end of the title, hidding the rest of the non-visible text.

  1. Blanes
  2. Costa Brava
  3. Catalonia
Loading...

The "listed" variant can also be displayed with the different "collection" labels.
These could be applied only if the brand has theme color schemes.

Cycling
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Excellent
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
FamFun
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Secrets
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Selections
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia
Xperience
8,2

Aparthotel briz

  1. Blanes
  2. Costa Brava
  3. Catalonia

Modal title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dignissimos dolorem doloremque enim inventore laborum neque, non quaerat soluta? Architecto at cumque earum, eum ipsa ipsum maxime sunt vero voluptates.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque consectetur cupiditate, debitis dignissimos dolorem eligendi est hic, ipsum iure nemo perspiciatis soluta! Beatae doloremque enim laudantium pariatur quasi.