The Collapsible component introduces:

• <%= code("app/helpers/components/collapsible_helper.rb") %>
• <%= code("app/views/components/ui/_collapsible.html.erb") %>
• <%= code("app/javascript/controllers/ui/collapsible_controller.js") %>

Collapsible introduces the <%= code("render_collapsible") %> method that accepts an argument <%= code("trigger:") %> which is the text you want to show that will trigger the collapsible menu and a block. Within the block of collapsible, you can call <%= code("collapsible_preview") %> to define an element that is visible from the collapsible menu via a block. Similarly, you can call <%= code("collapsible_body") %> and pass it a block for the elements that are hidden that will be made visible when the trigger is pressed.