Create lightning web component with LDS

 

                                                   Lightning Record Form

AccountCreator.js file :

import { LightningElement } from 'lwc';

import { ShowToastEvent } from 'lightning/platformShowToastEvent';

import ACCOUNT_OBJECT from '@salesforce/schema/Account';

import NAME_FIELD from '@salesforce/schema/Account.Name';

import REVENUE_FIELD from '@salesforce/schema/Account.AnnualRevenue';

import INDUSTRY_FIELD from '@salesforce/schema/Account.Industry';

export default class AccountCreator extends LightningElement {

    objectApiName = ACCOUNT_OBJECT;

    fields = [NAME_FIELD, REVENUE_FIELD, INDUSTRY_FIELD];

    handleSuccess(event) {

        const toastEvent = new ShowToastEvent({

            title: "Account created",

            message: "Record ID: " + event.detail.id,

            variant: "success"

        });

        this.dispatchEvent(toastEvent);

    }

}

AccountCreator.html file :

<template>

    <lightning-card>

        <lightning-record-form

            object-api-name={objectApiName}

            fields={fields}

            onsuccess={handleSuccess}>

        </lightning-record-form>

    </lightning-card>

</template>

AccountCreator.js-meta.xml file :

<?xml version="1.0" encoding="UTF-8"?>

<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">

    <apiVersion>48.0</apiVersion>

    <isExposed>true</isExposed>

    <targets>

        <target>lightning__AppPage</target>

    </targets>

    <targetconfig name=''></targetconfig>

</LightningComponentBundle>