HuajisheTools/HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/dropdown-menu/README.en-US.md

:: BASE_DOC ::

API

DropdownMenu Props

name	type	default	description	required
style	Object	-	CSS(Cascading Style Sheets)	N
custom-style	Object	-	CSS(Cascading Style Sheets)，used to set style on virtual component	N
arrow-icon	String / Object	'caret-down-small'	-	N
close-on-click-overlay	Boolean	true	-	N
duration	String / Number	200	-	N
show-overlay	Boolean	true	-	N
z-index	Number	11600	-	N

DropdownMenu Events

name	params	description
close	-	-
open	-	-

DropdownMenu External Classes

className	Description
t-class	-
t-class-icon	-
t-class-item	-
t-class-label	-

DropdownItem Props

name	type	default	description	required
style	Object	-	CSS(Cascading Style Sheets)	N
custom-style	Object	-	CSS(Cascading Style Sheets)，used to set style on virtual component	N
disabled	Boolean	false	-	N
footer	Slot	-	see more ts definition	N
keys	Object	-	Typescript：KeysType。see more ts definition	N
label	String	-	-	N
multiple	Boolean	false	-	N
options	Array	[]	Typescript：Array<DropdownOption> interface DropdownOption { label: string; disabled: boolean; value: DropdownValue; }。see more ts definition	N
options-columns	String / Number	1	-	N
options-layout	String	columns	deprecated	N
placement	String	left	options: left/right	N
value	String / Number / Array	undefined	Typescript：DropdownValue type DropdownValue = string | number | Array<DropdownValue>;。see more ts definition	N
default-value	String / Number / Array	undefined	uncontrolled property。Typescript：DropdownValue type DropdownValue = string | number | Array<DropdownValue>;。see more ts definition	N

DropdownItem Events

name	params	description
change	(value: DropdownValue)	-
close	-	-
confirm	(value: DropdownValue)	-
reset	-	-

DropdownItem External Classes

className	Description
t-class	-
t-class-column	-
t-class-column-item	-
t-class-column-item-label	-
t-class-content	-
t-class-footer	-

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name	Default Value	Description
--td-dropdown-menu-active-color	@brand-color	-
--td-dropdown-menu-bg-color	@bg-color-container	-
--td-dropdown-menu-border-width	1px	-
--td-dropdown-menu-color	@text-color-primary	-
--td-dropdown-menu-disabled-color	@text-color-disabled	-
--td-dropdown-menu-font-size	28rpx	-
--td-dropdown-menu-height	96rpx	-
--td-dropdown-menu-icon-size	40rpx	-
--td-dropdown-body-max-height	560rpx	-
--td-dropdown-menu-bg-color	@bg-color-container	-
--td-tree-bg-color	@bg-color-container	-
--td-tree-item-active-color	@brand-color	-
--td-tree-item-font-size	32rpx	-
--td-tree-item-height	96rpx	-
--td-tree-root-bg-color	@bg-color-secondarycontainer	-