design.estate/dees-catalog
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance selection options with icons and dividers for improved UI

Browse Source
This commit is contained in:
Juergen Kunz
2025-06-17 10:00:50 +00:00
parent a8f0e5659e
commit c1e8f8c2a6
5 changed files with 84 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ts_web/elements/dees-appui-base.demo.ts
View File

@ -72,12 +72,13 @@ export const demoFunc = () => {
];
// Selector options (second sidebar)
const selectorOptions: ISelectionOption[] = [
{ key: 'Overview', action: () => console.log('Overview selected') },
{ key: 'Components', action: () => console.log('Components selected') },
{ key: 'Services', action: () => console.log('Services selected') },
{ key: 'Database', action: () => console.log('Database selected') },
{ key: 'Settings', action: () => console.log('Settings selected') },
const selectorOptions: (ISelectionOption | { divider: true })[] = [
{ key: 'Overview', iconName: 'home', action: () => console.log('Overview selected') },
{ key: 'Components', iconName: 'package', action: () => console.log('Components selected') },
{ key: 'Services', iconName: 'server', action: () => console.log('Services selected') },
{ divider: true },
{ key: 'Database', iconName: 'database', action: () => console.log('Database selected') },
{ key: 'Settings', iconName: 'settings', action: () => console.log('Settings selected') },
];
// Main content tabs