# Style Modus Components With Tailwind

> Use ModusDropdownMenu instead of ModusSelect for reliable event handling

- Skill: `julianoczkowski/style-modus-components-with-tailwind-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add julianoczkowski/style-modus-components-with-tailwind-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/julianoczkowski/style-modus-components-with-tailwind-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: julianoczkowski (https://skillmd.com/u/julianoczkowski)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/julianoczkowski/style-modus-components-with-tailwind-2

---


# Modus Select vs Dropdown Menu - Short

Use ModusDropdownMenu instead of ModusSelect for reliable event handling.

## Key Rules

- **Use ModusDropdownMenu, not ModusSelect** - ModusSelect has unreliable event handling in SolidJS
- **Reliable itemSelect events** - ModusDropdownMenu provides consistent event handling
- **Proper state management** - Use SolidJS signals to track selected values and visibility
- **Programmatic control** - Use callback refs to control dropdown visibility
- **Event handling patterns** - Handle `itemSelect` events for selection changes
- **Test thoroughly** - Verify dropdown behavior and event handling
- **Use established patterns** - Follow ModusDropdownMenu component patterns

## Reference

For detailed component comparison, implementation patterns, and advanced usage, fetch the full rule: `modus-select-vs-dropdown-menu-solidjs`