@angular/aria/toolbar

ToolbarWidget

directive

A widget within a toolbar.

API

    
      class ToolbarWidget<V> implements OnInit ,OnDestroy {}

element

HTMLElement

A reference to the host element.

id

any

A unique identifier for the widget.

disabled

any

Whether the widget is disabled.

hardDisabled

any

Whether the widget is 'hard' disabled, which is different from aria-disabled. A hard disabled widget cannot receive focus.

value

any

The value associated with the widget.

active

any

Whether the widget is currently active (focused).

selected

() => any

Whether the widget is selected (only relevant in a selection group).

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

The ngToolbarWidget directive should be applied to any native HTML element that acts as an interactive widget within an ngToolbar or ngToolbarWidgetGroup. It enables keyboard navigation and selection within the toolbar.

<button ngToolbarWidget value="action-id" [disabled]="isDisabled">  Perform Action</button>

API

Description