Skip to content

Dropdown Menu Checkbox Item

@astryxdesign/core v0.7.1 · DropdownMenuCheckboxItem

Props ​

NameTypeDefaultDescription
modelValueboolean-Whether the row is checked. Pair it with v-model. The data array uses checked instead.
labelstring | number-Primary text. Use the label slot for rich content.
descriptionstring | number-Secondary line under the label.
iconstring | Component-Icon before the label: a CSS icon class, or a component that draws one. Use the icon slot for anything else.
isDisabledbooleanfalseDisables the row. It stays in the accessibility tree, the arrows skip it, and a click does not toggle it.
hasCloseOnSelectbooleanfalseWhether toggling closes the menu. Checkbox rows stay open.

The row's role is menuitemcheckbox, and the checked state is aria-checked. The mark is decorative and does not take the click. Trailing content such as a shortcut hint goes in the endContent slot.