{
    "title": "Footer",
    "tag": "ilw-footer",
    "github": "https://github.com/web-illinois/ilw-footer/",
    "type": "web component",
    "element-name": "ilw-footer",
    "description": "The standard footer component for the Urbana-Champaign campus.",
    "builder-version": "1.3",
    "version": "1.4.3",
    "date": "03/18/2026",
    "css": "https://cdn.toolkit.illinois.edu/ilw-footer/1.4.3/ilw-footer.css",
    "js": "https://cdn.toolkit.illinois.edu/ilw-footer/1.4.3/ilw-footer.js",
    "production": false,
    "notes": "",
    "parent-style": "",
    "samples": [
        {
            "name": "default",
            "description": "Default information",
            "text": "<p slot='site-name'><a href='https://example.com/'>Example Site Name</a></p>"
        },
        {
            "name": "with-cookies",
            "description": "Footer with cookie banner",
            "text": "<p slot='site-name'><a href='/'>Site Name</a></p><p slot='primary-unit'><a href='/'>Primary Unit</a></p><button slot='cookies-button' id='ot-sdk-btn' class='ot-sdk-show-settings'>About Cookies</button>"
        },
        {
            "name": "with-menus",
            "description": "Footer with custom menu items",
            "text": "<p slot='site-name'><a href='/'>Sample Footer</a></p><nav slot='social' aria-label='Social media'><ul><li><a data-service='twitter' href='http://example.com/'>Twitter</a></li><li><a data-service='youtube' href='http://example.com/'>YouTube</a></li><li><a data-service='facebook' href='http://example.com/'>Facebook</a></li><li><a data-service='instagram' href='http://example.com/'>Instagram</a></li><li><a data-service='linkedin' href='http://example.com/'>LinkedIn</a></li><li><a data-service='pinterest' href='http://example.com/'>Pinterest</a></li><li><a data-service='snapchat' href='http://example.com/'>Snapchat</a></li><li><a data-service='weibo' href='http://example.com/'>Weibo</a></li><li><a data-service='whatsapp' href='http://example.com/'>WhatsApp</a></li><li><a data-service='x' href='http://example.com/'>X</a></li></ul></nav><address slot='address'><p>5678 West Example Street<br>MC-0000<br>Champaign, IL 61820</p><p>Email: <a href='mailto:address@example.com'>address@example.com</a></p><p>Phone: <a href='tel:+12175551234'>(217) 555-1234</a></p></address><p slot='primary-unit'><a href='/'>Strategic Communications and Marketing</a></p><div slot='actions'><a href='/give'>Give</a><a href='/apply'>Apply</a></div><nav class='ilw-footer-menu' aria-labelledby='menu-1'><h2 id='menu-1'>First Menu</h2><ul><li><a href='http://example.com/'>Link one</a></li><li><a href='http://example.com/'>Link two</a></li><li><a href='http://example.com/'>Link three</a></li><li><a href='http://example.com/'>Link four</a></li></ul></nav><nav class='ilw-footer-menu' aria-labelledby='menu-2'><h2 id='menu-2'>Second Menu</h2><ul><li><a href='http://example.com/'>Link one</a></li><li><a href='http://example.com/'>Link two</a></li><li><a href='http://example.com/'>Link three</a></li><li><a href='http://example.com/'>Link four</a></li></ul></nav><nav class='ilw-footer-menu' aria-labelledby='menu-3'><h2 id='menu-3'>Third Menu</h2><ul><li><a href='http://example.com/'>Link one</a></li><li><a href='http://example.com/'>Link two</a></li><li><a href='http://example.com/'>Link three</a></li><li><a href='http://example.com/'>Link four</a></li></ul></nav>"
        },
        {
            "name": "legal-links",
            "description": "Footer with additional legal links",
            "text": "<a href='#' slot='legal-link'>Legal Link 1</a><a href='#' slot='legal-link'>Legal Link 2</a>"
        }
    ],
    "attributes-fixed": [],
    "attributes-text": [],
    "attributes": [],
    "classes-fixed": [],
    "classes": [],
    "css-variables": []
}