LWC Scope Notifications Receipies

lwcBaseScopedNotifications

‎‎​

scopedNotificationsExamples.html

<!-- warning -->
<c-base-scoped-notification if:true={salesforceMergeFields}
	variant="warning"
	has-round-borders
	heading={labels.templatePreviewSalesforceMergeFieldsNoticeHeading}
	details={labels.templatePreviewSalesforceMergeFieldsNotice}>
</c-base-scoped-notification>

<!-- info -->
<c-base-scoped-notification if:false={templateMergeFields} 
	variant="info"
	has-round-borders
	heading={labels.templatePreviewNoMergeFieldsNoticeHeading}
	details={labels.templatePreviewNoMergeFieldsNotice}>
</c-base-scoped-notification>

<!-- with slot -->
<c-base-scoped-notification if:true={templateMergeFieldErrors} 
	variant="error"
	has-round-borders
	is-expanded
>
	<c-base-error-message
		variant="inline"
		friendly-message={labels.templatePreviewError} 
		errors={templateMergeFieldErrors}>
	</c-base-error-message>
</c-base-scoped-notification>