<template>
|
<template if:true={showToastBar}>
|
<div class="slds-notify_container">
|
<div class={outerClass} role="status">
|
<span class="slds-assistive-text">{type}</span>
|
<span class={innerClass} title={message}>
|
<lightning-icon
|
icon-name={getIconName}
|
alternative-text="icon"
|
styleclass="slds-icon slds-icon_small"
|
variant="inverse"
|
size="small"
|
></lightning-icon>
|
</span>
|
<div class="slds-notify__content">
|
<h2 class="slds-text-heading_small">
|
<lightning-formatted-rich-text value={message}>
|
</lightning-formatted-rich-text>
|
</h2>
|
</div>
|
|
<div class="slds-notify__close">
|
<lightning-button-icon
|
icon-name="utility:close"
|
size="small"
|
variant="border-filled"
|
class="slds-button slds-button_icon slds-button_icon-inverse"
|
alternative-text="next"
|
onclick={closeModel}
|
></lightning-button-icon>
|
</div>
|
</div>
|
</div>
|
</template>
|
</template>
|
