Success Screen

Reusable confirmation shell (lta-success-screen). Pass any block (for example “What happens next?”) as light-DOM children. Listens for the primary button vialta-success-screen:close.

<lta-success-screen
  eyebrow="Congratulations"
  title="You've submitted a request to access this venue"
  description="This will be sent to the admin at your chosen venue."
  button-label="Close"
>
  <div class="lta-success-screen__card">
    <h2 class="lta-success-screen__card-title">What happens next?</h2>
    <ul>
      <li>An email has been sent to this venue requesting them to add you as a role holder to this venue. They have 72 hours to accept before the invitation expires.</li>
      <li>If they <strong>accept</strong> you will be notified and you can continue with the venue registration.</li>
      <li>If they <strong>decline</strong>, you will also be notified and you will not be able to complete any information on behalf of this venue.</li>
    </ul>
  </div>
</lta-success-screen>

<lta-success-screen
  hide-eyebrow="true"
  title="You've submitted a request to access this venue"
  description="This will be sent to the admin at your chosen venue."
  button-label="Close"
>
  <div class="lta-success-screen__card">
    <h2 class="lta-success-screen__card-title">What happens next?</h2>
    <ul>
      <li>If they <strong>accept</strong> you will be notified and you can continue with the venue registration.</li>
      <li>If they <strong>decline</strong>, you will also be notified.</li>
    </ul>
  </div>
</lta-success-screen>

<lta-success-screen
  eyebrow="Congratulations"
  title="Accounts added to household"
  description="Your household has been updated successfully."
  button-label="Continue"
  hide-stripes="true"
></lta-success-screen>