Add Dropdown Prototype

This commit is contained in:
copecone committed 2026-03-10 15:19:15 +09:00
1 parent c9461bd910
commit 9f4ed96190
5 files changed
+252 -172

No files matched your search

+20
View File
@@ -0,0 +1,20 @@
<div class="dropdown-trigger">
<span class="placeholder">{{ selectedLabel }}</span>
<span class="chevron" [class.open]="isOpen()"></span>
</div>
@if (isOpen()) {
<ul class="dropdown-list" role="listbox">
@for (option of options(); track option.value; let i = $index) {
<li
class="dropdown-item"
role="option"
[class.selected]="option.value === selectedValue()"
[class.focused]="i === focusedIndex()"
[attr.aria-selected]="option.value === selectedValue()"
(click)="selectOption(option); $event.stopPropagation()">
{{ option.label }}
</li>
}
</ul>
}