<aura:component implements="flexipage:availableForAllPageTypes,force:hasRecordId">

<aura:attribute name="accountRecord" type="Object" /> <aura:attribute name="recordSaveError" type="String" />

<force:recordData aura:id="recordEditor"
    layoutType="FULL"
    recordId="{!v.recordId}"
    fields="Name"
    targetError="{!v.recordSaveError}"
    targetRecord="{!v.accountRecord}"
    targetFields="{!v.accountRecord}"
    recordUpdated="{!c.recordUpdated}"
    mode="EDIT" />
        <ui:outputText value="Edit Account" />

    <div class="slds-form--stacked">
        <div class="slds-form-element">
            <label class="slds-form-element__label" for="recordName">Name: </label>
            <div class="slds-form-element__control">
              <ui:outputText value="{!v.accountRecord.Name}" class="slds-input" aura:id="recordName"/>
            </div>
        </div>
    </div>


    <aura:if isTrue="{!not(empty(v.recordSaveError))}">
        <div class="recordSaveError">
            <ui:message title="Error" severity="error" closable="true">
                {!v.recordSaveError}
            </ui:message>
            Error: <ui:outputText value="{!v.recordSaveError}"/>

        </div>
    </aura:if>

    <lightning:input aura:id="recordName" name="recordName" label="Account Name"
                  value="{!v.accountRecord.Name}" required="true"/>

     <ui:button label="Save Account"/>    </aura:component>