<div class="alert alert-success alert-dismissible fade show" role="alert">
<strong>Saved!</strong> Your changes have been saved successfully.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-{{type}}{{#if dismissible}} alert-dismissible fade show{{/if}}" role="alert">
{{#if icon}}<span style="margin-right:0.5rem;">{{icon}}</span>{{/if}}
{{#if title}}<strong>{{title}}</strong> {{/if}}{{message}}
{{#if dismissible}}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
{{/if}}
</div>
{
"type": "success",
"message": "Your changes have been saved successfully.",
"title": "Saved!",
"icon": null,
"dismissible": true
}
Bootstrap alert. Use alert-success, alert-warning, alert-danger, alert-info. Add alert-dismissible for a close button. Use sparingly — only for feedback directly resulting from a user action.
Appears in: Settings pages (saved/error feedback), Script Generator (generation success/failure), Upload Assistant (publish confirmation), Social Bio (update confirmation), plan limit warnings (approaching monthly quota).