Link Tile Table of Contents

• Props
• Slots

Propertiestype BreakpointCustomizable<T> = { base: T; xs?: T; s?: T; m?: T; l?: T; xl?: T; xxl?: T; };PropertyAttributeDescriptionTypeDefaultalign alignAlignment of link and description.type LinkTileAlign =
'top'
'bottom''bottom'aria ariaAdd ARIA attributes.type LinkTileAriaAttribute = {
  'aria-label'?: string;
  'aria-current'?: string;
  'aria-haspopup'?: string;
}undefinedaspectRatio 🛠aspect-ratioAspect ratio of the link-tile.type LinkTileAspectRatio =
'1/1'
'4/3'
'3/4'
'16/9'
'9/16'
'1:1' 🚫
'4:3' 🚫
'3:4' 🚫
'16:9' 🚫
'9:16' 🚫
BreakpointCustomizable<LinkTileAspectRatio>'4/3'background backgroundAdapts the description and link theme when used on light background image.type LinkTileBackground =
'light'
'dark'
'auto''dark'compact 🛠compactDisplays the link-tile as compact version with description and link icon only.boolean
BreakpointCustomizable<boolean>falsedescription descriptionDescription text.stringundefineddownload downloadSpecial download attribute to open native browser download dialog if target url points to a downloadable file.stringundefinedgradient gradientShow gradient.booleantruehref hrefhref of the <a>.stringundefinedlabel labelLabel of the .stringundefinedrel relSpecifies the relationship of the target object to the link object.stringundefinedsize 🛠sizeFont size of the description.type LinkTileSize =
'medium'
'large'
'inherit'
'default' 🚫
BreakpointCustomizable<LinkTileSize>'medium'target targetTarget attribute where the link should be opened.type LinkTileTarget =
'_self'
'_blank'
'_parent'
'_top'
string'_self'weight 🛠weightFont weight of the description.type LinkTileWeight =
'regular'
'semi-bold'
'semibold' 🚫
BreakpointCustomizable<LinkTileWeight>'semi-bold'SlotsSlotDescriptionisRequiredaltPropallowedTagNames<slot name="header"> Renders a header section above the content area.<slot> Default slot for the img or picture tag.