67 lines
1.7 KiB
HTML
67 lines
1.7 KiB
HTML
<template>
|
|
<section class="slds-card slds-p-around_medium">
|
|
<h2 class="slds-text-heading_medium slds-m-bottom_medium">
|
|
Create Person Account
|
|
</h2>
|
|
|
|
<div class="slds-grid slds-wrap slds-gutters">
|
|
<div
|
|
class="slds-col slds-size_1-of-1 slds-medium-size_1-of-2 slds-p-bottom_small"
|
|
>
|
|
<lightning-input
|
|
type="text"
|
|
name="firstName"
|
|
label="First Name"
|
|
value={firstName}
|
|
onchange={handleInputChange}
|
|
>
|
|
</lightning-input>
|
|
</div>
|
|
|
|
<div
|
|
class="slds-col slds-size_1-of-1 slds-medium-size_1-of-2 slds-p-bottom_small"
|
|
>
|
|
<lightning-input
|
|
type="text"
|
|
name="lastName"
|
|
label="Last Name"
|
|
value={lastName}
|
|
required
|
|
onchange={handleInputChange}
|
|
>
|
|
</lightning-input>
|
|
</div>
|
|
|
|
<div
|
|
class="slds-col slds-size_1-of-1 slds-medium-size_1-of-2 slds-p-bottom_small"
|
|
>
|
|
<lightning-input
|
|
type="email"
|
|
name="email"
|
|
label="Email"
|
|
value={email}
|
|
onchange={handleInputChange}
|
|
>
|
|
</lightning-input>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="slds-m-top_large slds-grid slds-grid_align-end">
|
|
<lightning-button
|
|
variant="brand"
|
|
label="Continue"
|
|
title="Continue"
|
|
onclick={handleContinue}
|
|
disabled={isContinueDisabled}
|
|
>
|
|
</lightning-button>
|
|
</div>
|
|
|
|
<template if:true={message}>
|
|
<div class="slds-m-top_medium">
|
|
<lightning-formatted-text value={message}></lightning-formatted-text>
|
|
</div>
|
|
</template>
|
|
</section>
|
|
</template>
|