Copy and paste this snippet into any web application or dashboard view:
// 1. Import or include the styles
// <link rel="stylesheet" href="./css/core.css">
// <link rel="stylesheet" href="./css/components.css">
// <link rel="stylesheet" href="./css/layout.css">
// <link rel="stylesheet" href="./css/project-settings.css">
// 2. Initialize and mount ProjectSettingsView (Template: TPL-SET-01)
import { ProjectSettingsView } from './src/views/project-settings-view';
const settingsView = new ProjectSettingsView(app, {
branding: { brandName: 'YourBrand', accentColor: '#00a184' },
project: { projectName: 'Your Project', projectId: 'proj_xyz', userEmail: 'user@domain.com' }
});
document.querySelector('.view-viewport').innerHTML = settingsView.getHtml();
settingsView.load();