@angular/aria/toolbar

Toolbar

디렉티브

버튼이나 라디오 그룹과 같은 대화형 위젯 그룹을 담는 툴바 위젯 컨테이너입니다. 키보드 탐색과 포커스 관리를 위한 단일 기준점을 제공합니다. 다양한 방향과 비활성화 상태를 지원합니다.

API

    
      class Toolbar implements OnDestroy {}

element

HTMLElement

호스트 엘리먼트에 대한 참조입니다.

textDirection

WritableSignal<Direction>

텍스트 방향입니다.

orientation

InputSignal<"vertical" | "horizontal">

툴바가 세로 방향인지 가로 방향인지 지정합니다.

softDisabled

InputSignalWithTransform<boolean, unknown>

비활성화된 항목이 포커스를 받을 수 있는지 지정합니다. true이면 비활성화된 항목도 포커스를 받을 수 있지만 상호작용할 수는 없습니다. false이면 탐색할 때 비활성화된 항목을 건너뜁니다.

disabled

InputSignalWithTransform<boolean, unknown>

툴바의 비활성화 여부입니다.

wrap

InputSignalWithTransform<boolean, unknown>

탐색할 때 포커스를 순환시킬지 지정합니다.

ngOnDestroy

void

@returnsvoid

설명

<div ngToolbar orientation="horizontal" [wrap]="true">
  <button ngToolbarWidget>Save</button>
  <button ngToolbarWidget>Print</button>

  <div ngToolbarWidgetGroup>
    <button ngToolbarWidget>Left</button>
    <button ngToolbarWidget>Center</button>
    <button ngToolbarWidget>Right</button>
  </div>
</div>