Show Other Payments Component

<primer-checkout client-token="your-token">
  <primer-main slot="main">
    <div slot="payments">
      <primer-vault-manager></primer-vault-manager>
      
      <primer-show-other-payments>
        <div slot="other-payments">
          <primer-payment-method type="PAYMENT_CARD"></primer-payment-method>
          <primer-payment-method type="PAYPAL"></primer-payment-method>
        </div>
      </primer-show-other-payments>
    </div>
  </primer-main>
</primer-checkout>

<primer-show-other-payments>
  <button slot="show-other-payments-toggle-button" type="button">
    View More Payment Options
  </button>
  <div slot="other-payments">
    <primer-payment-method type="PAYMENT_CARD"></primer-payment-method>
  </div>
</primer-show-other-payments>

checkout.addEventListener('primer:show-other-payments-toggled', (event) => {
  const button = document.querySelector('[slot="show-other-payments-toggle-button"]');
  button.textContent = event.detail.expanded 
    ? 'Hide Payment Methods' 
    : 'Show Payment Methods';
});