Skip to main content

Main Content

Site Search

SCSS Source: core/src/scss/components/site-search/_site-search.scss

Twig Source: core/src/templates/components/site-search/site-search.twig

Description

A global site search component

Default Style

Example Markup

<div class="su-site-search [ modifier_class ]" role="search">
  <form action="https://www.stanford.edu/search" method="get" accept-charset="UTF-8">
    <label class="su-site-search__sr-label" for="search-field">Search this site</label>
    <input type="text" id="search-field" name="search-field" class="su-site-search__input" placeholder="Search this site" maxlength="128" />
    <button type="submit" name="search" class="su-site-search__submit su-sr-only-text">Submit Search</button>
  </form>
</div>