AB Menu Item

One row in ab-menu (or nested submenu): label, icon, value, optional checkbox state.

HTML tag: c-efb995cdbade3489f888993928e7b9181

When to use

• row inside ab-menu
• checkbox or danger-styled menu option
• nested submenu entry

Props

Prop	Type	Default	Description
value	string	“
inner_text	string	“
icon	string	“
disabled	boolean	false
type	string	“
checked	boolean	false
variant	string	“
submenu_open	boolean	false

Rules

• Child of ab-menu (or submenu slot on another ab-menu-item).
• Set value + inner_text; icon uses mi: prefix.
• type=checkbox toggles checked and emits change; all activations emit ab-menu-item-select (bubbles).
• Parent ab-menu re-emits ab-select — prefer @ab-select on menu host.

Events

Event	Detail
ab-menu-item-select	item: element, value: string, checked: boolean, type: string, trigger: string
change	value: string, checked: boolean, type: string, trigger: string

What to avoid

Do not use for sidebar nav links (ab-nav-item). Do not use standalone as primary navigation.

Example

<c-efb995cdbade3489f888993928e7b9181 .value=${'delete'} .inner_text=${'Delete'} .variant=${'danger'} .icon=${'mi:delete'}></c-efb995cdbade3489f888993928e7b9181>