21 lines
1.2 KiB
HTML
21 lines
1.2 KiB
HTML
<template>
|
|
<article class="slds-card custom-background custom-text">
|
|
<div class="slds-card__header slds-grid">
|
|
<header class="slds-media slds-media_center slds-has-flexi-truncate">
|
|
<div class="slds-media__body">
|
|
<h2 class="slds-card__header-title">
|
|
<span class="slds-text-heading_small">Connect with me!</span>
|
|
</h2>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<div class="slds-card__body slds-card__body_inner">
|
|
<lightning-input name="fname" label="First Name" value={contact.fname} onchange={handleChange} required></lightning-input>
|
|
<lightning-input name="lname" label="Last Name" value={contact.lname} onchange={handleChange} required></lightning-input>
|
|
<lightning-input name="email" type="email" label="Email Address" value={contact.email} onchange={handleChange} required></lightning-input>
|
|
<div style="display: flex; justify-content: center; margin: 20px;">
|
|
<lightning-button label="Submit" variant="Brand" onclick={handleSave}></lightning-button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</template> |