Link Tile Model Signature Table of Contents

• Props
• Slots
• CSS Variables

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-model-signature.type LinkTileModelSignatureAspectRatio =
'1/1'
'4/3'
'3/4'
'16/9'
'9/16'
'1:1' 🚫
'4:3' 🚫
'3:4' 🚫
'16:9' 🚫
'9:16' 🚫
BreakpointCustomizable<LinkTileModelSignatureAspectRatio>'3/4'description descriptionDescription text.stringundefinedheading headingHeading text.stringundefinedheadingTag heading-tagSets a heading tag, so it fits correctly within the outline of the page.type LinkTileModelSignatureHeadingTag =
'h2'
'h3'
'h4'
'h5'
'h6''h2'linkDirection 🛠link-directionDefines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.type LinkTileModelSignatureLinkDirection =
'row'
'column'
BreakpointCustomizable<LinkTileModelSignatureLinkDirection>{ "base": "column", "xs": "row" }model modelAdapts the model of the component.type LinkTileModelSignatureModel =
'718'
'911'
'boxster'
'cayenne'
'cayman'
'gt3-rs'
'gt3'
'gts'
'macan'
'panamera'
'taycan'
'turbo-s'
'turbo''911'weight 🛠weightAdapts the font weight of the heading.type LinkTileModelSignatureWeight =
'regular'
'semi-bold'
BreakpointCustomizable<LinkTileModelSignatureWeight>'semi-bold'SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot name="header"> Renders a header section above the content area.<slot> Default slot for the img or picture tag.<slot name="primary"> Renders the primary link. Has to be a p-link tag.✅p-link<slot name="secondary"> Renders the secondary link. Has to be a p-link tag.✅p-linkCSS VariablesCSS VariableDescriptiondefaultValue--p-hyphens Sets the CSS `hyphens` property for text elements, controlling whether words can break and hyphenate automatically.auto