Page Headers

page-headers

.slds-page-header

base

.slds-page-header — Initializes page header

.slds-page-header__row

.slds-page-header__row — Used for creating rows in a page header

.slds-page-header__row_gutters

.slds-page-header__row_gutters — Used to create rows with gutters in the page header

.slds-page-header__col-title

.slds-page-header__col-title — Used to create a column containing the page title

.slds-page-header__col-actions

.slds-page-header__col-actions — Used to create a column containing the page actions

.slds-page-header__col-meta

.slds-page-header__col-meta — Used to create a column containing the page meta data

.slds-page-header__col-controls

.slds-page-header__col-controls — Used to create a column containing the page controls

.slds-page-header__col-details

.slds-page-header__col-details — Used to create a column containing the page record details

.slds-page-header__name

.slds-page-header__name — Holds all the elements that make up the overall page name

.slds-page-header__name-title

.slds-page-header__name-title — Used to contain the page name title

.slds-page-header__name-switcher

.slds-page-header__name-switcher — Used to position the list view switcher

.slds-page-header__name-meta

.slds-page-header__name-meta — Used to display the meta-text related to the page name

.slds-page-header__meta-text

.slds-page-header__meta-text — Contains the page header meta text

.slds-page-header__title

.slds-page-header__title

.slds-page-header__controls

.slds-page-header__controls — Used to create a row of page header controls

.slds-page-header__control

.slds-page-header__control — Used to create spacing between each page header control

object-home

.slds-page-header_object-home — Initializes object home page header

object-home › Base with extra long name

object-home › Base with tooltip open

object-home › Inside a card

object-home › Inside a tabs card

record-home-vertical

.slds-page-header_vertical — Initializes vertical page header

.slds-page-header__detail-list

.slds-page-header__detail-list — Vertical list of detail items

.slds-page-header__detail-item

.slds-page-header__detail-item — List items of vertical detail list

record-home

.slds-page-header_record-home — Bottom section containing record details

.slds-page-header__detail-row

.slds-page-header__detail-row — Creates margins around the detail section of record home

.slds-page-header__detail-block

.slds-page-header__detail-block — Creates margins around the detail section of record home

related-list

.slds-page-header_related-list — Initializes Related List home page header