Section Block Component

Contact details

Sample code

<lta-section-block
  header="Contact details"
  description="You'll need to add some contact details so we can get in touch about your registration."
  classes="u-mb-6"
>
  <button type="button" class="lta-btn lta-btn--xs lta-btn--petite">+ Contact details</button>
</lta-section-block>

Organisation address

Sample code

<lta-section-block
  header="Organisation address"
  description="We'll need an address for your venue to determine your benefits package."
  classes="u-mb-6"
>
  <button type="button" class="lta-btn lta-btn--xs lta-btn--petite">+ Address</button>
</lta-section-block>

Venue set-up

Confirm this section

Confirm your details to continue your registration.

Sample code

<lta-section-block
  header="Venue set-up"
  description="We'll need Information related to how your club is set-up and operating to determine your benefits package."
>
  <button type="button" class="lta-btn lta-btn--xs lta-btn--petite">+ Venue set up information</button>
  <div class="u-rounded u-p-5 u-bg-background-blue u-text-center u-mt-3 u-w-100">
    <div class="u-title2 u-pb-3 u-text-center">Confirm this section</div>
    <p class="u-caption1 u-pb-3">Confirm your details to continue your registration.</p>
    <button type="button" class="lta-btn lta-btn--lg lta-btn--primary" disabled>Confirm section details</button>
  </div>
</lta-section-block>