# Form Group

## Importing

First import it to your app module or any submodule as you wish

```typescript
import { SharedModule } from './@pages/components/shared.module';
@NgModule({
  imports: [SharedModule,...]
})
export class AppModule(){}
```

## Usage

Place "pgFormGroupDefault" in bootstrap forum-group div

![](https://1744695204-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LEFwHZEKo8v4NUj1qdE%2F-LEFxGciAWtrwY-h8roy%2FScreen%20Shot%202018-06-05%20at%2010.48.20%20PM.png?alt=media\&token=d9aedb18-c69f-4c70-8721-56299be22636)

{% tabs %}
{% tab title="HTML" %}

```markup
<div class="form-group form-group-default required " pgFormGroupDefault>
    <label>Project</label>
    <input type="email" class="form-control" required >
</div>
```

{% endtab %}
{% endtabs %}