title: Reset Lightning-record-form after creating new record
body: <p>I'm new to LWC. I want to know that how can I reset the lightning-record-form after saving a record.</p>
  <p>File: contactCreator.html</p>
  <pre><code>    &lt;template&gt;
      &lt;lightning-card title=&quot;Contact Creator&quot;&gt;    
        &lt;div class=&quot;slds-m-around_medium&quot;&gt;
          &lt;lightning-record-form object-api-name={objectApiName} fields={fields} oncancel={handleReset} onsuccess={handleSuccess}&gt;
          &lt;/lightning-record-form&gt;
        &lt;/div&gt;
      &lt;/lightning-card&gt; 
    &lt;/template&gt;
  </code></pre>
  <p>File: contactCreator.js</p>
  <pre><code>import FIRST_NAME_FIELD from '@salesforce/schema/Contact.FirstName';
  import LAST_NAME_FIELD from '@salesforce/schema/Contact.LastName';
  import EMAIL from '@salesforce/schema/Contact.Email';
  
  export default class ContactCreator extends LightningElement {
  
    objectApiName = CONTACT_OBJECT;
    fields = [FIRST_NAME_FIELD,LAST_NAME_FIELD,EMAIL];
  
    handleSuccess(event){
      const toastEvent = new ShowToastEvent({
        title:&quot;Contact Created - Success&quot;,
        message : &quot;Record ID: &quot;+ event.detail.id,
        variant:&quot;success&quot;
      });
      this.dispatchEvent(toastEvent);
    }
  }
  </code></pre>
  <p><strong>I want my component like this after saving</strong></p>
  <hr />
  <p><em><strong>IGNORE NEW BUTTON IN IMAGE</strong></em></p>
  <hr />
  <p><a href="https://i.stack.imgur.com/QCncT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QCncT.png" alt="I want my component like this after saving" /></a></p>
  <p>I'm getting this after saving.</p>
  <p><a href="https://i.stack.imgur.com/6uBoH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6uBoH.png" alt="Componenet After SAVE" /></a></p>