Dropdown

bk-dropdown: a menu button: dividers, disabled items, cascading submenus, click/hover trigger, 6 placements, and an optional split-button mode.

bk-dropdownForms and inputsAngular

Preview

A working preview of Dropdown in the Brickclay style. Try it.

Interact with the preview to see events here.

Black variant, with divider + disabled item

White variant, hover trigger

Cascading submenu

Split button

Sizes

Disabled

Pick an item above to see events.

Input	Type	Default	Description
`items`	`DropdownItem[]`	`[]`	Supports divider, disabled, children `(cascading)`.
`variant`	`'black' \| 'white'`	`'black'`	Trigger style.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Trigger size.
`trigger`	`'click' \| 'hover'`	`'click'`	How the menu opens.
`placement`	`DropdownPlacement`	`'bottomLeft'`	One of 6 corner placements.
`splitButton`	`boolean`	`false`	Primary action + separate caret.
`selectedId`	`string \| number`	–	Shows a tick on the matching item.
`select / openChange / buttonClick`	outputs	–	Leaf pick / open state / split-button primary click.