Toolbar

ツールバーは、ボタンやその他のコンテンツをグループ化するためのコンポーネントです。

インポート#


import { Toolbar } from 'primereact/toolbar';

基本#

ツールバーは、コンテンツをこれらのセクションに配置するためのstart、center、およびendプロパティを提供します。


<Toolbar start={startContent} end={endContent} />

カスタム#

ツールバーは、コンテンツをこれらのセクションに配置するためのstart、center、およびendプロパティを提供します。


<Toolbar start={startContent} end={endContent} />

アクセシビリティ#

スクリーンリーダー

ツールバーは、ルート要素にtoolbarロールを使用し、aria-orientationはデフォルトでhorizontalであるため含まれていません。任意の有効な属性がルート要素に渡されるため、必要に応じて要素を定義するために、追加のプロパティを追加できます。 aria-labelledbyとaria-labelled。


<Toolbar aria-label="Actions">
    Content
</Toolbar>

キーボードサポート

コンポーネントにはインタラクティブな要素は含まれていません。任意のコンテンツをテンプレートで配置でき、内部のボタンのような要素はページのタブシーケンスに従う必要があります。