# HINT-MODULE
Importe o módulo HintModule no módulo que você deseja:

```ts
import { HintModule } from 'ngx-softfocus';

@NgModule({
    imports: [
        HintModule,
    ]
})
```

Utilizando o componente:

- O parâmetro [type] é opcional. O seu valor padrão é 'info'.

```html
        <soft-hint>Text under input</soft-hint>

        Ao passar o tipo como 'error' o comportamento mudará para uma mensagem de erro.
        <soft-hint [type]="'error'">Text error under input</soft-hint>


```

Utilize o componente hint após um input como no exemplo abaixo, da mesma forma para outros elementos HTML:
```html
        <soft-label>This is the label</soft-label>
        <soft-input [type]="'text'" [required]="true" [placeholder]="'Entre com o texto'" [style]="'primary'"
          [leftIcon]="'communication-message-1-outline'" [onError]="true">
        </soft-input>
        <soft-hint [type]="'error'">Text under input</soft-hint>

        Note que para usar o hint com o tipo 'error' é necessário passar o parâmetro [onError]="true" no componente do input, para que o mesmo também fique com o comportamente de erro.
        <soft-label>This is the label</soft-label>
        <soft-input [type]="'text'" [required]="true" [placeholder]="'Entre com o texto'" [style]="'primary'"
          [leftIcon]="'communication-message-1-outline'" [onError]="true">
        </soft-input>
        <soft-hint [type]="'error'">Text error under input</soft-hint>
```