Dropdown Menu Component Test

Testing dropdown menus with various patterns

Basic Dropdown (Relume Example)

With Icons

With Shortcuts

With Checkbox Items

With Radio Group

With Sub-menu

With Groups

Different Trigger Variants

Implementation Notes

✅ Tabler icons (IconCheck, IconChevronRight, IconCircleFilled)
✅ Modern React.ComponentRef (not deprecated ElementRef)
✅ Semicolons for consistency
✅ Shadcn's popover styling (bg-popover, text-popover-foreground)
✅ Shadcn's rounded-md (better than Relume's sharp corners)
✅ Shadow-md for depth and separation
✅ Focus states with bg-accent
✅ Smooth animations with origin transform
✅ Max height with scroll support
✅ Checkbox, radio, sub-menu, and shortcut support