docked-composer

Docked Composer is a persistent utility bar that allows a user to continually use the app to complete tasks or gather information while expanding/collapsing a composer window.

The docked composer relies heavily on utility classes to piece together the layout so please pay close attention to the markup and classes.

The overflow menu for docked composer, `.slds-docked-composer_overflow`, displays when the number of docked composers exceeds the width of the viewport. The overflow pill displays with a number indicator for all hidden docked composers. A user can invoke a popover with all available docked composers and replace the furthest left docked composer with the one being selected.

When a user clicks on the "pop out" icon in the `.slds-docked-composer__header`, a modal displays and contains the task that was currently in the docked composer.

base

Bar at the top of the composer that contains actionable items to invoke,
such as minimizing, popping out the composer and removing the composer.

Primary area within docked composer that contains specific task

Within the docked composer body, the lead is the first region

Bar at the bottom of the composer that contains actionable items to
invoke, such as saving, associating relationships and adding content.

When the number of docked composer exceed the width of the viewport, this class modifies the docked composer styles

default

states

examples

Initiazes email composer inside of a docked composer