onSubmit={ onCreateAccountAttempt }
onSubmitSuccess={ onCreateAccountSuccess }
onSubmitError={ onCreateAccountAttempt }
<fieldset block="MyAccountOverlay" elem="Legend">
<legend>{ __('Personal Information') }</legend>
label={ __('First Name') }
autocomplete="given-name"
validation={ ['notEmpty'] }
label={ __('Last Name') }
autocomplete="family-name"
validation={ ['notEmpty'] }
label={ __('Subscribe to newsletter') }
mix={ { block: 'MyAccountOverlay', elem: 'Checkbox' } }
<fieldset block="MyAccountOverlay" elem="Legend">
<legend>{ __('Sign-Up Information') }</legend>
validation={ ['notEmpty', 'email'] }
autocomplete="new-password"
validation={ ['notEmpty', 'password'] }
label={ __('Confirm password') }
autocomplete="new-password"
validation={ ['notEmpty', 'password', 'password_match'] }
<div block="MyAccountOverlay" elem="Buttons">
<article block="MyAccountOverlay" elem="Additional" mods={ { state } }>
<h4>{ __('Already have an account?') }</h4>
mods={ { likeLink: true } }