Welcome Mat

welcome-mat

.slds-welcome-mat — Welcome Mat component

base

.slds-welcome-mat — Welcome Mat component

base › Default (Base)

base › With Completed Tiles

base › With Overflowing Tiles

base › With Overflowing Tiles and Long Description

.slds-modal__container

.slds-modal__container — Modal container sizing within Welcome Mat

.slds-welcome-mat__content

.slds-welcome-mat__content — Content container for the whole Welcome Mat

.slds-welcome-mat__info

.slds-welcome-mat__info — Container element for the informational side of the Welcome Mat

.slds-welcome-mat__info-content

.slds-welcome-mat__info-content — Content container for the informational side of the Welcome Mat. Centers in container space.

.slds-welcome-mat__info-title

.slds-welcome-mat__info-title — Title element for the informational side of the Welcome Mat

.slds-welcome-mat__info-description

.slds-welcome-mat__info-description — Description container for the informational side of the Welcome Mat

.slds-welcome-mat__info-progress

.slds-welcome-mat__info-progress — Text description of walkthrough progress

.slds-welcome-mat__info-badge-container

.slds-welcome-mat__info-badge-container — Badge container for Welcome Mat Trailhead Progress Info. Overrides properties for the check icon, specific for this variant.

.slds-welcome-mat__info-badge

.slds-welcome-mat__info-badge — Badge for the Trailhead Progress Info.

progress-complete

.slds-welcome-mat__info-progress_complete — Modifier for Completed progress. Shows completed checkmark.

.slds-welcome-mat__tiles

.slds-welcome-mat__tiles — Container element for the Actions side of the Welcome Mat.

.slds-welcome-mat__tile

.slds-welcome-mat__tile — Welcome Mat Tile item. Shows an actionable step a user can take to complete a greater objective. Based on a SLDS Visual Picker.

.slds-welcome-mat__tile-figure

.slds-welcome-mat__tile-figure — Figure element for Welcome Mat Tile item, based on SLDS Media Object figure.

.slds-welcome-mat__tile-title

.slds-welcome-mat__tile-title — Title element for Welcome Mat Tile item.

.slds-welcome-mat__tile-body

.slds-welcome-mat__tile-body — Body element for Welcome Mat Tile item, based on SLDS Media Object body.

.slds-welcome-mat__tile-description

.slds-welcome-mat__tile-description — Description element for Welcome Mat Tile item.

.slds-welcome-mat__tile-icon-container

.slds-welcome-mat__tile-icon-container — Icon Container for Welcome Mat Tile item.

tile-complete

.slds-welcome-mat__tile_complete — Complete modifier class for Welcome Mat Tile item.

.slds-welcome-mat__tiles_info-only

.slds-welcome-mat__tiles_info-only — Sets tile area of Welcome Mat to read only

info-only

.slds-welcome-mat_info-only — Creates Welcome Mat Info Only

info-only › Default (Info Only)

.slds-welcome-mat__tile_info-only

.slds-welcome-mat__tile_info-only — Welcome Mat Tile with only info item. Shows informational content. Based on a SLDS Media Object.