Components: Support hint text with select

[jt-helsinki]

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

<md-select ... >
    <md-option ... ></md-option>
    ...
    ...
    <md-hint>some hint text</md-hint>
</md-select>

What is the current behavior?

not supported

What is the use-case or motivation for changing an existing behavior?

A hint below the select box. This could be used (For example) as a validation message when the select is not selected. Behaviour similar to the component.

Which versions of Angular, Material, OS, browsers are affected?

Material2 v2.0.0-beta.1
Angular 2.4.1

[SherwinJames]

Is there a recommended alternate way to handle error hints for md-select (e.g. required)?

[leonardovff]

@SherwinJames look the soluction of codef0rmer in this issue https://github.com/angular/material2/issues/2624

[dhineshwiz]

Can we have something like this
<div class="hint"> This is used as primary message</div>
Supported in Md-Select

[sdargaud]

Please don't forget md-error.

[makdeniss]

For md-error for md-select I've done something like this:

<md-error *ngIf="type.touched && type.invalid">
          <span class="error-small-text" *ngIf="type.errors.required">
             Company Type is <strong>required</strong>
          </span>
</md-error>

.error-small-text {
  position: relative;
  top: -18px;
  font-size: 0.8em;
}

[finalxcode]

+1 @makdeniss cool

[jelbourn]

This is done now that select goes in mat-form-field

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}