Link Tile Product 🧪 Table of Contents

• Props
• Events
• Slots

Propertiestype BreakpointCustomizable<T> = { base: T; xs?: T; s?: T; m?: T; l?: T; xl?: T; xxl?: T; };PropertyAttributeDescriptionTypeDefaultaspectRatio 🛠aspect-ratioAspect ratio of the link-tile-product.type LinkTileProductAspectRatio =
'3/4'
'9/16'
BreakpointCustomizable<LinkTileProductAspectRatio>'3/4'description descriptionAdditional product description.stringundefinedheading headingProduct heading.stringundefinedhref hrefhref of the <a>.stringundefinedlikeButton like-buttonShows a like button.booleantrueliked likedIndicates whether the product is liked.booleanfalseprice priceProduct retail price (with or without discount).stringundefinedpriceOriginal price-originalShows original price (recommended retail price) with line-through. Needs prop "price" to be defined, otherwise this prop has no effect.stringundefinedrel relSets the rel attribute on the link.stringundefinedtarget targetSpecifies where to open the linked document.type LinkTileProductTarget =
'_self'
'_blank'
'_parent'
'_top'
string'_self'EventsEventDescriptionTypelike Emitted when the like button is clicked.type LinkTileProductLikeEventDetail = {
  liked: boolean;
}
CustomEvent<LinkTileProductLikeEventDetail>SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot name="anchor"> Slotted anchor link which can be used instead of the `href` prop. Ensure the named slot is directly on the anchor element, without nesting.<slot name="header"> Shows special features about the product like novelty or exclusivity. Although you can pass in anything, it is recommended to use the `p-tag` component.<slot> Default slot for the img or picture tag.