1. Finder Frontend Component Guide
  2. Expander (experimental)
  3. Expand by default
Expander (experimental) example

Expand by default

Shows the content by default. It can still be hidden.

How it looks (preview)

Location

This is some content that is passed to the component. It should be distinct from the component, in that the component should not style or interact with it, other than to show and hide it.

How to call this example

<%= render "components/expander", {
  title: "Location",
  open_on_load: true
} do %>
  This is some content that is passed to the component. It should be distinct from the component, in that the component should not style or interact with it, other than to show and hide it.
<% end %>