Usage Guidelines:
When to Use:
Whenever there is a need to display important customer information.
When to Avoid:
Don’t use this component for navigation.
Alternative Options:
N/A
Component Active
C059–C060 Expandable Alert/Update Tiles
Conveys critical new software alerts or other important customer information. The C059 Expandable Alert Tile uses a green triangle and white exclamation mark for alerts while the C060 Expandable Update Tile uses a blue-filled circle and white “i” identifies important information.
Component Detail
Conveys critical new software alerts or other important customer info. Blue-filled circle and white “i” identifies important information. Green triangle and white exclamation mark identifies alerts.
Multiple tiles can be displayed per page, typically in date sequence (last dated tile is displayed first), in a single row. On selection, tile expands full-width in modal to display any additional information.
**Note: To display alert tiles they must be authored within an associated SE007 Alert Banner.
Interactions
Default state CTA (e.g.: “View Update”) expands the tile to full-width displaying the full alert text and hiding the other carousel items and controls.
Expanded state Close X collapses the active tile and reveals the carousel display beneath.
Specifications
Max Characters
Tile Headline: 75
Tile Body Copy: 300 (120 before truncation)
Icon Specs
Asset Size: 64px x 64px
Aspect Ratio: 1:1
Recommended File Weight: <10kb
Width: 32px
Height: 32px