Anchor ViewComponents

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="border border-subdued" data-testid="panel-component">
  <div class="border-subdued px-6 py-4 border-b" data-testid="panel-header">
    <p class="text-sm leading-4 font-bold uppercase">My Panel</p>
  </div>
  <div class="p-6" data-testid="panel-body">
    Panel with footer
  </div>
  <div class="border-t border-subdued flex items-center pt-4 pb-6 mx-6" data-testid="panel-footer">
    <div class="ml-auto" data-testid="panel-actions">
      <button type="submit" class="btn-small btn btn-primary" data-testid="save-button" form="example">
        Save
      </button>
    </div>
  </div>
</div>
1
2
3
4
5
6
7
anchor_panel(active: true) do |component|
  component.with_header_content("My Panel")
  component.with_body_content("Panel with footer")
  component
    .with_footer
    .with_primary_action(form: "example", label: "Save")
end

No notes provided.

No params configured.