a11yist/app/views/elements/_element.html.erb

<div id="<%= dom_id element %>" class="mb-5">
  <%= turbo_frame_tag dom_id(element, :frame) do %>
    <div class="d-flex">
      <h3 class="h4">
          <i class="bi bi-boxes">
          </i>
        <%= element.page.position %>.<%= element.position %>
        <%= element.title %>
      </h3>
      <%= link_to [:edit, element], class: "btn btn-link text-secondary" do %>
        <i class="bi bi-pencil">
        </i>
      <% end %>
    </div>
    <% if element.description %>
      <div class="mb-3">
        <%= element.description %>
      </div>
    <% end %>
  <% end %>

  <div id="<%= dom_id(element, :success_criteria_list) %>" class="mb-3">
    <% element.success_criteria.each do |sc| %>
      <%= render sc %>
    <% end %>
  </div>

  <div class="mb-3">
    <%= turbo_frame_tag dom_id(element, "new_success_criterion_frame") do %>
      <%= render partial: "elements/new_success_criterion_button", locals: { element: element } %>
    <% end %>
  </div>
</div>