Content Comparison

...

Although we have mat-select available for use, we should instead use searchsingle-select for all dropdown instances. Rationale for always using search select:

...

Dropdown

...

Usage

Structure

<div<single-select classlabel="mat-form-fieldLabel">
  <label>Search Select</label>
  <search-select [options] required="true" ... ></searchsingle-select>
</div>

Container

• Every search dropdown should have a mat-form-field use the single-select container, which formats its' content styles and spacing.

Label

• Use <label> label=”” for the input labelslabel

Input

...

Required

• Use required=”true” or required=”false”

Additional Options

• Various other options available (see live examples)

Multi-Select

N/A (Not implemented yet)