Components props

LiveMarket components offer various customization options using props.

Component-specific props are defined on their own documentation pages.

Using component props

To use a prop in a component, simply add the prop as an HTML attribute.

  <lm-carousel
        slide-border-radius="15"
        slide-width="250"
        slide-height="444"
        slides-per-view="-1"
        mobile-slide-width="137"
        mobile-slide-height="240"
></lm-carousel>

If a prop isn’t declared, the component will use its default value.

Boolean props

Some props have a default value of false - those are Boolean props, and they are considered true whenever they are declared:

  <lm-carousel
        video-muted
        hide-branding
        hide-ghost-loader
></lm-carousel>

Common props

The following are props used in all LiveMarket components (except for the Video Modal component):

Prop	Description	Default
`token`	Token for the headers of api request url	“
`tag`	Placement tag for api request url endpoint	the component’s html element name
`product-code`	Show only products with this code	“
`product-category`	Show products only from the provided category	“
`hide-ghost-loader`	Stop showing ghost loaders when components are loading	`false`
`hide-branding`	Hide branding logo on the top of the Video Modal	`false`
`hide-swatches`	Hide swatches (little images of product or colors) in the variant selection	`false`
`hide-products`	Hide products in shorts	`false`
`mobile-always-full-screen`	Make videos take up the entire screen (regardless of aspect ratio) on small screens	`false`
`disable-loop`	Disable videos looping automatically. Some component behavior (such as Stories) will override looping behavior regardless of this setting	`false`
`video-muted`	Mute videos at the start	`false`
`thumbnail-height`	Height of thumbnail images in px	`700` for Single Video, `457` for other components
`thumbnail-width`	Width of thumbnail images in px	`394` for Single Video, `257` for other components
`locale-front`	[I18n] Determines the locale of front end strings.	`pl`
`locale-api`	[I18n] Determines the locale of API responses. It defaults to polish when undefined.	`null`