Dropdown Component

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin.

Directives :

Directive	Selector	Description
NgbDropdown	`[ngbdropdown]`	A lightweight, extensible directive for fancy popover creation.

Example Code:

              
                <div ngbDropdown class="d-inline-block" >
                        <button class="btn btn-success dropdown-toggle" id="dropdownBasic1"
                          ngbDropdownToggle>Action /button >
                          <div ngbDropdownMenu class="open-left arrow" aria-labelledby="dropdownBasic1" >
                            <button class="dropdown-item">Action - 1/button >
                            <button class="dropdown-item">Another Action /button >
                             <button class="dropdown-item">Something else is here /button >
                          </div>
                    </div>

Dropdown Options	Class	Description
Active State	`.active`	Dropdown Button's selected/active state.
Dropdown Sizes	`.dropdown-menu-[xl/lg/sm]`	Different dropdown sizes.

Using above options, create some combinations like:

Dropdown with icon
Dropdown with checkbox
Dropdown with radio
Dropdown with pills & badges, etc...

Referrals :

Type	URL
NG-Bootstrap Page	https://ng-bootstrap.github.io/#/components/dropdown/
Bootstrap Page	https://getbootstrap.com/docs/4.2/components/dropdowns/
Template Page	https://modernadmin.evolvision.com/components/dropdowns