Product Previews

Product Slider

The ProductSlider allows for scrollable content with product cards, providing a visually appealing and interactive way to showcase products.

Usage

Users can easily navigate through the cards by swiping or using navigation arrows, making it convenient to explore a collection of products within a limited space. The component is responsive and adapts to different devices, ensuring a consistent and enjoyable browsing experience.

LuiProductSlider

API Reference

PropDefaultType
products

ProductTileBasicProps[]

headline

string

headlineColor

string

subline

string

sublineColor

string

cta

{ text: string; link: string; variant: ButtonVariant; }

hasScrollbar

boolean

navigationPosition

"top" | "bottom"

colorMode

"on-light" | "on-dark" | "on-bright"

textAlignment

"left" | "center" | "right"

Slot Type
productTile

{ product: any; }