# Uib DropdownNativeModule

## Prequisites

Add the `DropdownNativeModule` module to your module imports:

```TS
import { DropdownNativeModule } from '@uib/angular';

@NgModule({
  imports: [
    // ...
    DropdownNativeModule,
    // ...
  ],
})
// ...
```

## UibDropdownNative

### Examples

Disabled:

```HTML
<uib-dropdown-native disabled=true>
  <option [value]="option">{{ option }}</option>
</uib-dropdown-native>
```

With placeholder:

```HTML
<uib-dropdown-native placeholder="Select Option">
  <option [value]="option">{{ option }}</option>
</uib-dropdown-native>
```

With readonly:

```HTML
<uib-dropdown-native>
  <option disabled [value]="option">{{ option }}</option>
</uib-dropdown-native>
```

With NgForOf:

```HTML
<uib-dropdown-native>
  <option [value]="option" *ngFor="let option of options">{{ option }}</option>
</uib-dropdown-native>
```

With template driven forms:

```HTML
<uib-dropdown-native [(ngModel)]="form.model">
  <option [ngValue]="option" *ngFor="let option of options">{{ option }}</option>
</uib-dropdown-native>
```

With reactive forms:

```HTML
<form [formGroup]="form">
  <uib-dropdown-native formControlName="model">
    <option [ngValue]="option" *ngFor="let option of options">{{ option }}</option>
  </uib-dropdown-native>
</form>
```