commerce_shipping-8.x-2.0-rc2/components/commerce-shipment-panes/commerce-shipment-panes.twig

{#
/**
 * @file
 * Commerce Shipment Panes component.
 *
 * Available slots:
 * - shipment_panes: The list of shipment panes used for tabs content
 * - navigation_tabs: The navigation tabs displayed at the bottom
 */
#}
<div class="commerce-shipment-panes">
  <div class="commerce-shipment-pane-content">
    {% for shipment_pane in shipment_panes %}
      <div class="commerce-shipment-pane-item {{ loop.index == 1 ? 'active' }}" data-pane-index="shipment-pane-{{ loop.index }}">
        {{ shipment_pane }}
      </div>
    {% endfor %}
  </div>
  <nav class="commerce-shipment-pane-navigation">
    {% for navigation_tab in navigation_tabs %}
      {{ navigation_tab }}
    {% endfor %}
  </nav>
</div>