Kuali Student Design Guide
0.1.1

Search molecule

This is a search form.

Contents

Example

UI
HTML
<form class="ks-Search">
  <input class="ks-Search-input" type="text"/>
  <button class="ks-Search-button" type="submit">Go</button>
</form>
CSS
.ks-Search {
  display: flex;

  &-input {
    flex: 1;
  }

  &-button {
  }
}