Dropdown component for ViewComponent and Tailwind CSS
Rails Designer’s Dropdown Component is an extensible ViewComponent with Tailwind CSS and a small Stimulus controller. Next to items you can set, you can also add leader and trailer content. The dropdown comes in two themes: light (default) and dark. By using the Floating UI library, the dropdown will never bleed off the viewport. Transitioning in and out can be customised too.
- Includes Keyboard Navigation
-
Light theme # Preview this component
⚠️ JavaScript is disabled for this preview.- Profile
- Your settings
- Notifications (coming soon)
-
Dropdown, with prepended icons # Preview this component
⚠️ JavaScript is disabled for this preview. -
Dark theme # Preview this component
⚠️ JavaScript is disabled for this preview.- Profile
- Your settings
- Notifications (coming soon)
-
With leader and trailer # Preview this component
⚠️ JavaScript is disabled for this preview. -
With sections # Preview this component
⚠️ JavaScript is disabled for this preview.- Your details
- Profile
- Your settings
- Client
- NexaByte Innovations
- EcoSynth Dynamics
- QuantumPath Technologies
-
Workspaces list with action # Preview this component
⚠️ JavaScript is disabled for this preview. -
Notifications # Preview this component
⚠️ JavaScript is disabled for this preview.
The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.