SectionCard
AppTitled content card with rounded-xl + border + bg-surface-raised + p-6. Header is separated by an underline; children slot accepts arbitrary content.
Account details
Name: Jane Doe
Email: jane@acme.com
Role: Administrator
<%- include('modules/app/SectionCard', {
title: 'Account details',
children: `
Name: <%= user.name %>
Email: <%= user.email %>
Role: <%= user.role %>
`
}) %>Notification preferences
<%- include('modules/app/SectionCard', {
title: 'Notification preferences',
children: `
<%- include('modules/ui/Toggle', { label: 'Email updates', checked: prefs.email }) %>
<%- include('modules/ui/Toggle', { label: 'Push notifications', checked: prefs.push }) %>
<%- include('modules/ui/Toggle', { label: 'Weekly digest', checked: prefs.weekly }) %>
`
}) %><%
var _title = locals.title || '';
var _className = locals.className || '';
%>
<%= _title %>
<%- locals.children || '' %>