chrome:shell.skip

generated:catalog.entry.dropdown.title

generated:catalog.entry.dropdown.description

@xngui/components/dropdown
import { XDropdown } from '@xngui/components/dropdown';

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.assistive:
TipSR
demo-preview:projection.slots-label:
[xDropdownTrigger] ng-content
import { Component } from '@angular/core';
import { XButton } from '@xngui/components/button';
import { XDropdown, XDropdownItem } from '@xngui/components/dropdown';
 
@Component({
selector: 'app-example',
imports: [XButton, XDropdown, XDropdownItem],
templateUrl: './dropdown.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-dropdown

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
ariaLabel
string
—
Accessible name for the menu panel.
size
XSize
—
Visual size tier forwarded to the menu.
density
XDensity
—
Spacing offsets forwarded to the menu.