Add Dropdown Prototype
This commit is contained in:
1 parent
c9461bd910
commit
9f4ed96190
5 files changed
+252
-172
No files matched your search
+14
-1
@@ -1,6 +1,7 @@
|
||||
import { Component, signal } from '@angular/core';
|
||||
import { RouterOutlet } from '@angular/router';
|
||||
import { Switch } from './components/switch/switch';
|
||||
import { Dropdown, DropdownOption } from './components/dropdown/dropdown';
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
@@ -9,10 +10,22 @@ import { Switch } from './components/switch/switch';
|
||||
styleUrl: './app.scss'
|
||||
})
|
||||
export class App {
|
||||
protected readonly title = signal('aef-component-test');
|
||||
isToggled = signal(false);
|
||||
|
||||
dropdownOptions: DropdownOption[] = [
|
||||
{ label: 'Option 1', value: 1 },
|
||||
{ label: 'Option 2', value: 2 },
|
||||
{ label: 'Option 3', value: 3 },
|
||||
{ label: 'Option 4', value: 4 },
|
||||
];
|
||||
|
||||
selectedDropdownValue = signal<any>(null);
|
||||
|
||||
handleToggle(state: boolean) {
|
||||
console.log('Toggle state:', state);
|
||||
}
|
||||
|
||||
handleDropdownChange(value: any) {
|
||||
console.log('Dropdown value:', value);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user