@angular/aria/toolbar

Toolbar

directive

A toolbar widget container.

API

    
      class Toolbar<V> {}

textDirection

any

A signal wrapper for directionality.

items

any

Sorted UIPatterns of the child widgets

orientation

any

Whether the toolbar is vertically or horizontally oriented.

skipDisabled

any

Whether disabled items in the group should be skipped when navigating.

disabled

any

Whether the toolbar is disabled.

wrap

any

Whether focus should wrap when navigating.

onFocus

void

@returnsvoid

register

void

@paramwidgetToolbarWidget<V> | ToolbarWidgetGroup<V>

@returnsvoid

unregister

void

@paramwidgetToolbarWidget<V> | ToolbarWidgetGroup<V>

@returnsvoid

Widgets such as radio groups or buttons are nested within a toolbar to allow for a single place of reference for focus and navigation. The Toolbar is meant to be used in conjunction with ToolbarWidget and RadioGroup as follows:

<div ngToolbar> <button ngToolbarWidget>Button</button> <div ngRadioGroup>   <label ngRadioButton value="1">Option 1</label>   <label ngRadioButton value="2">Option 2</label>   <label ngRadioButton value="3">Option 3</label> </div></div>

API

Description