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
`api-key`	Type here your api key to add that parameter to the url of api request	“
`source`	Api requests source	“
`source-type`	Api request source type	“
`token`	Add here your token for the headers of api request url	“
`tag`	Add placement-tag to api request url endpoint	`lm-carousel (for LmCarousel)` `lm-grid (for LmGrid)` `lm-single-video (for LmSingleVideo)`
`product-code`	Add product code to show in short only products with this code	“
`product-category`	Add category to show in shorts only products from the certain category	“
`hide-ghost-loader`	Add for not showing the ghost loaders when components are loading	`false`
`hide-branding`	Add for hide branding logo on the top of modal after click on short	`false`
`hide-swatches`	Hide swatches (little images of product or colors) in the variant selection	`false`
`hide-products`	Hide products in shorts	`false`