DCCustomAuthentication

Example

Sample Usage -

Include the component in your template by adding <c-dc-custom-authentication> custom tag
   
<c-dc-custom-authentication></c-dc-custom-authentication>

You could also use this component inside a slot for example-

<c-dc-check-out>
 <div slot="dc-signIn">
  <c-dc-custom-authentication></vlocity-dc-custom-authentication>
 </div>
</c-dc-checkout>

KEY INFO -

 events fired : "vlocity-dc-sign-in"

 events registered : none

 Dependency - c-dc-custom-authentication is an independent component and has no dependency on any parent component.

Sample with slots -

<c-dc-custom-authentication>
   <span slot="{slot_name}">
     Custom HTML elements goes here
   </span>
</c-dc-custom-authentication>

List of available slots -

| Slot names                       | Dynamic     | Description                               | Impact                              |
|----------------------------------|-------------|-------------------------------------------|-------------------------------------|
| dc-custom-auth-redirect-wrapper  | -           | Wrapper for custom auth redirect template | Replaces component template         |
| dc-custom-auth-redirect-content  | -           | Wrapper for custom auth redirect content  | Replaces template content           |