Search
Search is the ability to type into a field a specific term or phrase to locate related information. Columbia Design System requires search functionality to be persistent in the top right corner of theĀ Brand Bar.
Usage
Users can apply a specific term within the search field to locate additional information within the website related to that term. Search allows visitors the opportunity to further explore website content and offer an alternative or supplement to main navigation.
Example

<div class="search-widget-body" style="display:none;">
<div class="search-overlay"> </div>
<div class="search-widget">
<div class="container">
<div class="search-holder">
<form action="">
<div class="search-filed"><input autocomplete="off" class="input-filed" placeholder="Search for people, departments & websites" type="text" /><button class="search-submit" type="submit"></button>
<div class="search-icon"> </div>
<button class="search-submit" type="submit"></button></div>
</form>
</div>
</div>
</div>
<header class="header">
<div class="nav-container">
<div class="nav">
<div class="search-button js-search-button">
<div class="search-icon"> </div>
</div>
</div>
</div>
</header>
</div>