CngxMenuItemRadio

DirectivePrimaryv0.1.0WCAG AA

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

Import#

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

Description#

Radio-style menu item (role="menuitemradio"). Mutual exclusion is scoped to the enclosing CngxMenuGroup - only one radio per group is checked at a time.

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

Metadata#

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

Host#

Static attributes: rolemenuitemradio
[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 CngxMenuItemRadio

Relationships

Depends on1

CNGX_AD_ITEMservice

Index#

Inputs#

disabled#boolean

input()

default false

labelInput#string | undefined

input()

default undefined, { alias: 'label' }

value#T

input()Required

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()`

CngxMenuItemRadio

Import#

Description#

Related#

Metadata#

Host#

Providers#

Relationships

Depends on1

Index#

Properties

Methods

Inputs

Derived State

HostBindings

HostListeners

Inputs#

Instance Properties#

Methods#

HostBindings#

HostListeners#