Button Card Data List Detail Disclosure Divider Field Set Icon Button Icon Icon Select Inline Text Field Label Link Link Select Menu Modal Rich Text Box Section Select Tabs Tag Text Text Field Text Field With Prefix Toggle

Dimsum v2.0.0

An agentic component library for Ruby On Rails.

Account
Profile Notifications Settings
Delete account
menu.html.erb Copy snippet Copied!
1
<%= render MenuComponent.new(placement: "bottom-center") do |c| %>
2
  <%# … sections, trigger … %>
3
<% end %>

Menu

A fixed-width popover of vertical action rows and optional paired action cards, opened from any trigger and anchored to it.

Placement
Bottom-left Bottom-right Bottom-center Top-left Top-right Top-center
PropTypeDefault
placement One of PLACEMENTS — where the popover anchors relative to the trigger. Default "bottom-left". String "bottom-left"
**html_options Extra HTML attributes for the popover `<div class="menu">`. Hash —

Slots: sections trigger

Contains

  • Menu Section