ng-bootstrap HomeBasicAlertFormsFloating labelsInput groupMulti-rangeRangeSelectRadioCheckboxDatepickerTimepickerDateTime pickerContainersGridCardAccordionTab controlRatingBadgeBreadcrumbButton groupButton typeCalendarMarqueeList groupTreeviewTree selectTableCarouselClosePaginationPlaceholderSpinnerColor pickerProgress barFor directiveIconOverlaysModalsOffcanvasTooltipToastPopoverDropdownTypeaheadContext menuShellDropdown menu (WC)AdvancedCopyCode snippetPipesTrust-htmlSplit-stringLinifySlugifyWord-countFont-colorHas-propertyToggle buttonsSticky footerAutofocusTrackBySplitterAsync HostBindingInstance ofIs interfaceResizableOrdinal numbersMarkdownParallaxPriority navigationScrollspyFile uploadSignature padLazy-loading componentsUser-agentNavigation lockNavigation lock (master/detail)EnterpriseSchedulerTimelineDockRibbonTile managerDatatablesFile managerQuery builderOTP inputNavbarAnimationsSlide up/downFade in/outColor transitionAdditional samplesCollapseFocusTrapDrag-dropTree-select drag-dropQR-code viewerSwiperStepperThemingAnchor scrollingSection 1Section 2Section 3Section 4Section 522.5.0

Dropdown menu (WC)

bs-dropdown-menu is the Angular wrapper around the framework-agnostic <mp-dropdown-menu> web component. The menu, its keyboard navigation (roving tabindex in menu mode), ARIA roles and theme-aware styling all live in the WC. Project <li bsDropdownItem>, <li bsDropdownDivider> and <li bsDropdownHeader> children. Activating an enabled item fires (select) with the item's opaque value.

Basic usage