Wizcamp

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