Dummy
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<footer class='usa-footer usa-footer--slim'>
  <div class='usa-footer__primary-section'>
    <div class='usa-footer__primary-container grid-row'>
      <div class='mobile-lg:grid-col-8'>
        <nav aria-label='Footer navigation' class='usa-footer__nav'>
          <ul class='grid-row grid-gap'>
            <li class='mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content'>
              <a class="usa-footer__primary-link" href="#">Primary Link
              </a></li>
            <li class='mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content'>
              <a class="usa-footer__primary-link" href="#">Primary Link
              </a></li>
            <li class='mobile-lg:grid-col-4 desktop:grid-col-auto usa-footer__primary-content'>
              <a class="usa-footer__primary-link" href="#">Primary Link
              </a></li>
          </ul>
        </nav>
      </div>
      <div class='mobile-lg:grid-col-4'>
        <address class='usa-footer__address'>
          <div class='grid-row grid-gap'>
            <div class='grid-col-auto mobile-lg:grid-col-12 desktop:grid-col-auto'>
              <div class='usa-footer__contact-info'>
                <a href="tel:1-800-555-5555">(800) CALL-GOVT
                </a></div>
            </div>
            <div class='grid-col-auto mobile-lg:grid-col-12 desktop:grid-col-auto'>
              <div class='usa-footer__contact-info'>
                <a href="mailto:info@agency.gov">info@agency.gov
                </a></div>
            </div>
          </div>
        </address>
      </div>
    </div>
  </div>
  <div class='usa-footer__secondary-section'>
    <div class='grid-container'>
      <div class='usa-footer__logo grid-row grid-gap-2'>
        <div class='grid-col-auto'>
          <img alt='' class='usa-footer__logo-img' src='https://cdn.jsdelivr.net/npm/uswds@2.12.1/src/img/correct8.svg'>
        </div>
        <div class='grid-col-auto'>
          <p class='usa-footer__logo-heading'>Name of Agency</p>
        </div>
      </div>
    </div>
  </div>
</footer>
1
2
3
4
5
6
7
8
9
10
render UswdsComponents::FooterComponent::SlimFooter.new do |footer|
  footer.with_logo(name: 'Name of Agency',
    src: 'https://cdn.jsdelivr.net/npm/uswds@2.12.1/src/img/correct8.svg')
  footer.with_primary_link(href: '#', name: 'Primary Link')
  footer.with_primary_link(href: '#', name: 'Primary Link')
  footer.with_primary_link(href: '#', name: 'Primary Link')
  footer.with_contact_link(href: 'tel:1-800-555-5555', name: '(800) CALL-GOVT')
  footer.with_contact_link(href: 'mailto:info@agency.gov', name: 'info@agency.gov')
end

No notes provided.

No params configured.