Dropdown
A toggleable menu anchored to its trigger.
Simple
Options
= app_theme_dropdown("Options") do
= app_theme_link "Edit", href: "#"Multiple items and custom trigger
= app_theme_dropdown do |dropdown|
- dropdown.with_trigger do
= app_theme_button "Actions", variant: :secondary
- dropdown.with_item do
= app_theme_link "Edit", href: "#"
- dropdown.with_item do
= app_theme_link "Duplicate", href: "#"
- dropdown.with_item do
= app_theme_link "Delete", href: "#", variant: :dangerAlignment
.demo-row
- %i[left center right].each do |align|
= app_theme_dropdown(align: align) do |dropdown|
- dropdown.with_trigger do
= app_theme_button "Align #{align}", variant: :ghost
- dropdown.with_item do
= app_theme_link "Menu item", href: "#"