Cannot change text of va-button using continue

[rhasselle-oddball]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

Related to:

• Cannot change text of a continue va-button #2733
• Experimental Design [va-button-pair] (USWDS v3) - Allow for custom button labels #2362
• va-button-pair: Allow for custom button labels  #3167

What happened

I want to do this:

<VaButton
  continue
  submit="prevent"
  text="Save and continue"
/>

However you cannot override the text when using continue. We need to use continue so that we have the arrows icon next to the text.

What I expected to happen

Should be able to change the text of va-button when continue is set

Reproducing

• CSS Library version:
• Device: (e.g. iPhone 8, Macbook)
• Browser: (e.g. Firefox, IE 11)

Steps to reproduce:

1. Try using continue with text and notice text does not take effect for va-button

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details

[micahchiang]

Thanks for submitting this @rhasselle-oddball! I'm going to re-label this as a feature request, since this has been the intended functionality of the continue prop for a while. Either way, we'll get this sized and prioritized in our backlog.