Ember yield multiple actions into component

Viewed 1277

I have a checkout-form component which has some actions like next, previous, submitForm and selectDate. Currently I’m only able to yield the selectDate action like this:

{{!-- checkout-form.js --}}
<div class='checkout-form'>
  {{yield (action 'selectDate')}}
</div>

I’d like to be able to use my checkout-form component like this:

{{!-- order.hbs --}}
{{#checkout-form as |submitForm, selectDate|}} 
  {{checkout-field placeholder="Full Name" value=model.order.name}}
  {{!-- another field component that uses selectDate --}}
  {{checkout-form-actions action=submitForm}}
{{/checkout-form}}

How would I go about yielding multiple actions to be used inside of my checkout-form.hbs?

1 Answers
Related