SiExplicitLegalAcknowledgeComponent documentation¶

selector

si-explicit-legal-acknowledge

A component for displaying legal agreements that require explicit user acknowledgment.

This component provides a standardized interface for presenting legal documents, terms of service, privacy policies, or other agreements that users must explicitly accept before proceeding.

Example:

<si-explicit-legal-acknowledge
  [heading]="agreementTitle"
  [subheading]="agreementDescription"
  [disableAcceptance]="isProcessing"
  (accept)="handleAcceptance()"
  (back)="handleBack()">
  <div>
    <h3>Terms of Service</h3>
    <p>Please read and accept our terms before continuing.</p>
    <ul>
      <li>Term 1: You agree to ...</li>
      <li>Term 2: You acknowledge ...</li>
    </ul>
  </div>
</si-explicit-legal-acknowledge>

Input Properties¶

Name	Type	Default	Description
acceptButtonLabel ¶	`TranslatableString`	$localize`:@@SI_EXPLICIT_LEGAL_ACKNOWLEDGE.ACCEPT:Accept`	Label for accept button.
backButtonLabel ¶	`TranslatableString`	$localize`:@@SI_EXPLICIT_LEGAL_ACKNOWLEDGE.BACK:Back`	Description of back button.
disableAcceptance ¶	`boolean`	`false`	Disables the acceptance button.
heading ¶	`TranslatableString`		Heading of the agreement.
subheading ¶	`TranslatableString`		Short description of the agreement.

Output Properties¶

Name	Type	Description
accept ¶	`void`	Emits end user license agreement on acceptance event.
back ¶	`void`	Emits on back click.

Types Documentation¶

TranslatableString (`string` & `Translatable`)¶ Type alias Represents a translatable string. This can either be a translation key, e.g. `ACTIONS.EDIT` that will be automatically translated when displayed on the UI or a pre-translated string, e.g. `Edit` . Equivalent to a normal string in usage and functionality.

Translatable ¶ import imported from @siemens/element-translate-ng

Except where otherwise noted, content on this site is licensed under MIT License.