CngxMenuGroup

DirectivePrimaryv0.1.0WCAG AA

projects/common/interactive/menu/menu-group.directive.ts

Import#

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

Description#

Logical grouping for menu items. Renders role="group" with an accessible label. For radio groups, the host owns the selected value and exposes it to enclosed CngxMenuItemRadio children through the CNGX_MENU_RADIO_GROUP contract.

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

Metadata#

Selector: [cngxMenuGroup]
Export as: cngxMenuGroup
Implements: CngxMenuRadioGroup

Host#

Static attributes: rolegroup
[attr.aria-label]label()

Providers#

CNGX_MENU_RADIO_GROUP: useExisting CngxMenuGroup

Relationships

Depends on1

CNGX_MENU_RADIO_GROUPservice

Index#

Inputs#

label#string

input()Required

Accessible group label.

name#string | undefined

input()

Optional name for mutual-exclusion scope in radio-item groups.

selectedValue#unknown

model()

Currently selected radio value within this group. Two-way bindable.

Outputs#

selectedValue#unknown

model()

Currently selected radio value within this group. Two-way bindable.

Methods#

select#void

select(value: unknown)

@paramvalueunknown

HostBindings#

Binding	Expression
`[attr.aria-label]`	`label()`