Drawers
Examples of slide-over drawers with Hotwire, Turbo Frames, Turbo Streams, and Stimulus.
Interactive Examples with Hotwire & Turbo
These examples demonstrate real-time updates using Turbo Frames and Turbo Streams.
Image Details Drawer
A rich drawer example with image, metadata, description, and sharing features. Converted from Tailwind Plus Elements web components to Rails/Stimulus.
Right Drawer (default)
Account Settings
This drawer slides in from the right and traps focus.
Left Drawer
Filters
Great for filter panels.