Status Dialogue Bar Docs

<bolt-status-dialolgue-bar size="small"></bolt-status-dialolgue-bar>
Note: when assigning component props as HTML attributes on a web component, make sure to use kebab-case.
Prop Name Description Type Default Value Option(s)
attributes

A Drupal-style attributes object with extra attributes to append to this component.

object
iconName

Icon name.

string mobility
  • -none- , academy , add , add-open , add-solid , agile , app-development , app-exchange , arrow-left , asset-data , asset-infographic , asset-interactive , asset-link , asset-media , asset-podcast , asset-presentation , asset-text , asset-video , bolt-logo-colored , brand-meteor , brand-molecule , brand-operations , brand-orbit , brand-triangle , calendar , careers , case-management , chart-bar , check , check-circle , check-solid , chevron-down , chevron-left , chevron-right , chevron-up , close , close-circled , close-open , close-solid , cloud , co-browse , collaboration , communications , copy-to-clipboard , credit-card , customer-decision-hub , customer-onboarding , customer-service , data-integrations , discussions , documentation , download , email , energy , entertainment , exclamation , exit-full-screen , external-link , eye , eye-off , face-happy , face-sad , facebook , facebook-solid , field-service , field-service-gray , file-small , filter , financial , full-screen , github , global , government , healthcare , heart , hospitality , ideas , industries , info-open , info-solid , insurance , integration , intelligent-virtual-assistant , java , knowledgebase , launchpad , life-sciences , linkedin , linkedin-solid , list , lock , manufacturing , map-pin , map-pin-solid , marketing , marketing-gray , menu , minus-open , minus-solid , mobility , more , omni-channel , partners , pencil , platform , podcast , print , product , product-delivery , questions , refresh , reply , reporting , retail , robo-auto , sales-automation , scalability , search , share , star-solid , support , system-admin , thumbs-up-open , time-open , training , transportation , trash , twitter , twitter-solid , unlock , upload , user , user-interface , video , vision , warning , watch , workforce-intelligence , world-open , youtube-solid
isAlertMessage

Is this an alert message? Changes it to error red.

boolean false
dialogueArrowDirection

Direction of the dialogue arrow direction.

string none
  • up , down , left , right , none
boxFloatDirection

The direction in which the dialog box should be floated given extra space in container if no arrow dialog arrow direction is given.

string center
  • left , right , up , down , center