Search Box

You can stick this element to top when page scrolls using sui-box-sticky class.

Documentation

Main Content The search box is commonly used on listings and entries pages for users to perform some actions. Some times it's accompanied by pagination element.

<!--
NOTE:
Add here `sui-box-sticky` class to stick this element to top.
-->
<div class="sui-box">

	<div class="sui-box-search">

		<select class="sui-select-sm sui-select-inline">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
		</select>

		<select class="sui-select sui-select-sm sui-select-inline">
			<option>Option 1</option>
			<option>Option 2</option>
			<option>Option 3</option>
		</select>

		<button class="sui-button">Bulk Actions</button>

	</div>

</div>