        </byu-header>
            </template>
        </demo-snippet>

        <h2>Active State</h2>
        <p>Anytime the menu is showing, the current/active page's menu link must have the "selected" class.</p>
        <h2>Header with search, sign-in, and nav</h2>
        <demo-snippet>
            <template>
                <byu-header>
                    <span slot="site-title">Components Demo Site</span>
                    <byu-search slot="search" action='https://www.google.com/#q=$1' method='get'
 