CngxMenuItemCheckbox

DirectivePrimaryv0.1.0WCAG AA

projects/common/interactive/menu/menu-item-checkbox.directive.ts

Import#

import { CngxMenuItemCheckbox } from '@cngx/common/interactive'

Description#

Checkable menu item (role="menuitemcheckbox"). Activation toggles checked and emits checkedChange. Unlike CngxMenuItem, the item carries its own selection state.

https://cngxjs.github.io/cngx/examples/#/common/interactive/menu/checkable/text-formatting-menu

Metadata#

Selector: [cngxMenuItemCheckbox]
Export as: cngxMenuItemCheckbox
Implements: CngxAdItemHandle

Host#

Static attributes: rolemenuitemcheckbox
[id]id
[attr.aria-checked]checked()
[attr.aria-disabled]disabled() || null
[attr.tabindex]-1
Bound classes: cngx-menu-item--highlighted ← isHighlighted cngx-menu-item--disabled ← disabled cngx-menu-item--checked ← checked
Listeners: click → handleClick pointerenter → handlePointerEnter

Providers#

CNGX_AD_ITEM: useExisting CngxMenuItemCheckbox

Relationships

Depends on1

CNGX_AD_ITEMservice

Index#

Inputs#

checked#boolean

model()

default false

disabled#boolean

input()

default false

labelInput#string | undefined

input()

default undefined, { alias: 'label' }

value#T | undefined

input()

Outputs#

checked#boolean

model()

Instance Properties#

id#unknown

Readonly

nextUid('cngx-menu-item')

label#unknown

Readonly

() => {...}

Methods#

handleClick#void

Protected

handlePointerEnter#void

Protected

HostBindings#

Binding	Expression
`[id]`	`id`
`[attr.aria-checked]`	`checked()`
`[attr.aria-disabled]`	`disabled() \|\| null`
`[class.cngx-menu-item--highlighted]`	`isHighlighted()`
`[class.cngx-menu-item--disabled]`	`disabled()`
`[class.cngx-menu-item--checked]`	`checked()`
`[attr.tabindex]`	`-1`

HostListeners#

Event	Handler
`(click)`	`click()`
`(pointerenter)`	`pointerenter()`

CngxMenuItemCheckbox

Import#

Description#

Related#

Metadata#

Host#

Providers#

Relationships

Depends on1

Index#

Properties

Methods

Inputs

Outputs

Derived State

HostBindings

HostListeners

Inputs#

Outputs#

Instance Properties#

Methods#

HostBindings#

HostListeners#