Navigation v2.0.0

Dropdown Menu

A fully accessible dropdown menu component built with Stimulus and Tailwind CSS. Supports custom triggers, menu headers, dividers, icons, and destructive actions. Features smooth scale + fade animations and full keyboard navigation.

Preview & Code

Options

Name Type Default Description
label String Text label for the trigger button (optional if using custom trigger block)
position Symbol :bottom_right Menu position: :bottom_right, :bottom_left, :top_right, :top_left
header Hash Header with :title and optional :subtitle keys
items * Array required Array of item hashes with :label, :href, :icon, :method, :destructive keys. Use { type: :divider } for separators.

Changelog v2.0.0

- v2.0.0: Major expansion with custom triggers, headers, dividers, icons, animations
- v1.1.0: Added ViewComponent format support
- v1.0.0: Initial release with full keyboard support

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now