Microsite Tiles

Function/Interaction

• The component can be used for a tiles layout. Depending on settings, the tiles are clickable and expandable or just static.
  

Author Rules

• The microsite tiles wrapper can only be placed on the microsite template within the microsite section.

Properties

• Background color: There is a selection of colors to choose from.
• Tile width: Small or large, in one wrapper it should be 100% together (33-66 or 33-33-33 layouts)
  
• Darkmode: Switch to dark fonts
  
• Expandable Tile: if set yes, the next two fields are shown in the settings. Clicking on the label will expand the tile by 33% and show the text set in Expandable text)
  
• Expand Label: Shown styled as a link below Title Text. Expands the text when clicked.
  
• Expandable Text: Text field with paragraph styling for extended version of text.
  
• Title Text: Text field with paragraph styling for short version of text on tile.
  
• Target: set if tile should include a link
  
• Label: This is the link text, shown below the title text. if set with expandable text, the label shows below the expandable text.
  
• Image: This is the main image of the component, it always covers 33%
  
• Background image: Use an svg or png (should be transparent) here which is displayed on the left side of the component.