Profile My skills Saved Collections Edit profile Submit a skill

Style Modus Components With Tailwind

Use ModusDropdownMenu instead of ModusSelect for reliable event handling

julianoczkowski Updated
Web & Frontend

File contents

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

julianoczkowski/create-trimble-app/tree/main/templates/solidjs/.cursor/skills/style-modus-components-with-tailwind commit 329366611e

Browse category

Frequently asked questions

npx skillmds@latest add julianoczkowski/style-modus-components-with-tailwind-2