InlineAlert
AppCompact inline alert strip used next to form fields or inside cards. success / error / warning / info variants; icon + single-line message.
Settings saved successfully.
Failed to save. Check your input and try again.
Your subscription expires in 3 days.
A new version is available — refresh to update.
<%- include('modules/app/InlineAlert', { variant: 'success', message: 'Settings saved successfully.' }) %>
<%- include('modules/app/InlineAlert', { variant: 'error', message: 'Failed to save. Check your input and try again.' }) %>
<%- include('modules/app/InlineAlert', { variant: 'warning', message: 'Your subscription expires in 3 days.' }) %>
<%- include('modules/app/InlineAlert', { variant: 'info', message: 'A new version is available — refresh to update.' }) %>
Please enter a valid email address.
<%- include('modules/ui/Input', { label: 'Email address', type: 'email', value: form.email, error: !!errors.email }) %>
<% if (errors.email) { %>
<%- include('modules/app/InlineAlert', { variant: 'error', message: errors.email }) %>
<% } %>
<%
var _v = locals.variant || 'success';
var _message = locals.message || '';
var _className = locals.className || '';
var variantMap = {
success: { container: 'bg-success-subtle border-success text-success-fg', icon: 'fa-check' },
error: { container: 'bg-error-subtle border-error text-error', icon: 'fa-xmark' },
warning: { container: 'bg-warning-subtle border-warning text-text-primary', icon: 'fa-triangle-exclamation' },
info: { container: 'bg-info-subtle border-info text-text-primary', icon: 'fa-circle-info' },
};
var vm = variantMap[_v] || variantMap.success;
%>
<%= _message %>