Docked Utility Bar

docked-utility-bar

.slds-utility-bar_container — Docked utility bar is a persistent bar that allows a user to continually use the app to complete tasks while expanding/collapsing utility panels.

base

.slds-utility-bar_container — Fixed bar at the bottom of viewport, that contains items

.slds-utility-bar

.slds-utility-bar — Fixed bar at the bottom of viewport, contains items

.slds-indicator_unread

.slds-indicator_unread — Notification indicator

.slds-utility-bar__item

.slds-utility-bar__item — Items that invoke specific utility bar panel

pop-out

.slds-utility-bar__item_pop-out — Modifier to add pop out element

.slds-has-notification

.slds-has-notification — Creates styles for a utility bar item when it has a notification within its panel

.slds-indicator_unread

.slds-indicator_unread — Unread notification icon

.slds-utility-bar__action

.slds-utility-bar__action — Button that invokes utility panel

.slds-is-active

.slds-is-active

.slds-utility-bar__text

.slds-utility-bar__text — Container for utility bar item text, allows for multi-line text output

.slds-utility-panel

.slds-utility-panel — Container of the utility panel

.slds-is-open

.slds-is-open

.slds-utility-panel__header

.slds-utility-panel__header — Header that contains an icon, title and panel actions such as minimizing the panel

.slds-utility-panel__body

.slds-utility-panel__body — Area that contains the utility panel feature