#### Basic

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

#### Split Dropdowns

To create a split button add class `.dropdown-toggle-split` along with `ngbDropdownToggle` directive, And add `.btn-group` along with `ngbDropdown` directive. To add divider between dropdown item use `.dropdown-divider`

Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link

###### Header

Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link

#### Outline

To create a dropdown with outline button use `.btn.btn-outline-{colorName}` along with `ngbDropdownToggle` directive.

Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link
Option 1 Option 2 Option 3
Separated link

#### Flat

To create a flat dropdown use `.btn-flat-{colorName}` along with `ngbDropdownToggle` directive.

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

#### Gradient

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

#### Sizes

To create dropdown with different sizes you can use `.btn-lg` for large, `.btn-sm` for Small along with `.btn`. You can use `.btn`to get medium size dropdown by default.

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

#### Directions

You can use dropdown-menu from diffrent direction to use dropdown-menu from bottom right use `.dropdown-menu-right` along with `ngbDropdownMenu` directive. For dropup use `[placement]="'top'"` directive along with `ngbDropdownToggle` directive. For dropright use `.dropright` & `[placement]="'right-top'"` directive along with `ngbDropdownMenu` directive. For dropleft use `.dropleft` and `[placement]="'left-top'"` along with `ngbDropdownMenu` directive.

Option 1 Option 2 Option 3

###### Header

Option 2 Option 3
Option 1 Option 2 Option 3

#### Variations

To create a dropdown-menu with groups you can use `.dropdown-header` for the header of groups and for sepration of group you can use `.dropdown-divider`.

To create a dropdown with icons use class `.dropdown-icon-wrapper` along with `ngbDropdown` directive, And add `.dropdown-icon` with the default `<i>` tag.

###### Group 1

Option 1 Option 2

###### Group 2

Option 1 Option 2

###### Group 3

Option 1 Option 2
Email address
Password
Remember me
New around here? Sign up Forgot password?