Searchfield

Searchfield

Import: @bnotk/dsx/css/searchfield.css

Live Preview

Classes

Class	Description
.dsx-searchfield	Flex wrapper that joins the input and button

Examples

<div class="dsx-searchfield">
  <input type="text" class="dsx-input dsx-input--flat-right" placeholder="Search documents...">
  <button type="button" class="dsx-btn dsx-btn--secondary dsx-btn--flat-left dsx-btn--icon" aria-label="Search documents">
    <svg viewBox="0 0 24 24" aria-hidden="true"></svg>
  </button>
</div>