次の方法で共有

ErrorBarProps interface

パッケージ:
@azure/communication-react

ErrorBarのプロパティ。

次に加えて、ErrorBar は、すべての <xref:%40fluentui%2Freact%23IMessageBarProps> を基になる <xref:%40fluentui%2Freact%23MessageBar>に転送します。

Extends

IMessageBarProps

プロパティ

activeErrorMessages

現在アクティブなエラー。
ignorePremountErrors

設定した場合、タイムスタンプ このコンポーネントがマウントされた時点より古いエラーは表示されません。

これは、複数の呼び出しまたはチャット スレッドを処理するステートフル クライアントで ErrorBar を使用する場合に便利です。 前の通話またはチャットからのエラーを無視するには、このプロパティを設定します。
onDismissError

閉じるボタンがトリガーされたときに呼び出されるコールバック。 これを使用して、ユーザーが無視したときに表示されるエラーを制御します。
strings

エラー時に UI に表示される文字列。

継承されたプロパティ

about
accessKey
actions

反対側に表示するアクション。
aria-activedescendant

DOM フォーカスが複合ウィジェット、テキスト ボックス、グループ、またはアプリケーション上にある場合に、現在アクティブな要素を識別します。
aria-atomic

支援技術が、aria 関連属性によって定義された変更通知に基づいて、変更されたリージョンのすべてまたは一部のみを表示するかどうかを示します。
aria-autocomplete

テキストを入力すると、入力に対するユーザーの意図した値の 1 つ以上の予測の表示がトリガーされるかどうかを示し、予測が行われた場合の予測の表示方法を指定します。
aria-braillelabel

点字に変換するための現在の要素にラベルを付ける文字列値を定義します。

aria-label を参照してください。
aria-brailleroledescription

点字に変換することを目的とした要素の役割について、人間が判読でき、著者にローカライズされた省略形の説明を定義します。

aria-roledescription を参照してください。
aria-busy
aria-checked

チェックボックス、ラジオ ボタン、およびその他のウィジェットの現在の "checked" 状態を示します。

「aria-pressed See aria-selected」を参照してください。
aria-colcount

テーブル、グリッド、またはツリーグリッド内の列の合計数を定義します。

aria-colindex を参照してください。
aria-colindex

テーブル、グリッド、またはツリーグリッド内の列の合計数に関して、要素の列インデックスまたは位置を定義します。

aria-colcount を参照してください。aria-colspan を参照してください。
aria-colindextext

人間が読めるテキストの代替 aria-colindex を定義します。

aria-rowindextext を参照してください。
aria-colspan

テーブル、グリッド、またはツリーグリッド内のセルまたはグリッドセルによってスパンされる列の数を定義します。

aria-colindex を参照してください。aria-rowspan を参照してください。
aria-controls

コンテンツまたはプレゼンスが現在の要素によって制御される要素 (または要素) を識別します。

「aria-owns」を参照してください。
aria-current

コンテナーまたは関連する要素のセット内の現在の項目を表す要素を示します。
aria-describedby

オブジェクトを記述する要素 (または要素) を識別します。

aria-labelledby を参照してください
aria-description

現在の要素を記述または注釈を付ける文字列値を定義します。

関連する aria-describedby を参照してください。
aria-details

オブジェクトの詳細な拡張説明を提供する要素を識別します。

aria-describedby を参照してください。
aria-disabled

要素が認識可能だが無効になっているため、編集できないか、操作可能ではないことを示します。

aria-hidden を参照してください。aria-readonly を参照してください。
aria-dropeffect

ドラッグされたオブジェクトがドロップ ターゲットで解放されたときに実行できる関数を示します。
aria-errormessage

オブジェクトのエラー メッセージを提供する要素を識別します。

aria-invalid を参照してください。aria-describedby を参照してください。
aria-expanded

要素またはその要素が制御する別のグループ化要素が現在展開されているか折りたたまれているかを示します。
aria-flowto

コンテンツの代替の読み取り順序で次の要素 (または要素) を識別します。ユーザーの判断により、支援技術はドキュメント ソースの順序で読み取りの一般的な既定値をオーバーライドできます。
aria-grabbed

ドラッグ アンド ドロップ操作での要素の "グラブ" 状態を示します。
aria-haspopup

要素によってトリガーできる対話型ポップアップ要素 (メニューやダイアログなど) の可用性と種類を示します。
aria-hidden

要素がアクセシビリティ API に公開されているかどうかを示します。

「aria-disabled」を参照してください。
aria-invalid

入力された値が、アプリケーションで想定される形式に準拠していないことを示します。

aria-errormessage を参照してください。
aria-keyshortcuts

要素をアクティブ化またはフォーカスを与えるために作成者が実装したキーボード ショートカットを示します。
aria-label

現在の要素にラベルを付け、文字列値を定義します。

aria-labelledby を参照してください。
aria-labelledby

現在の要素にラベル付けする要素 (または要素) を識別します。

aria-describedby を参照してください。
aria-level

構造体内の要素の階層レベルを定義します。
aria-live

要素が更新されることを示し、ユーザー エージェント、支援技術、およびユーザーがライブ リージョンから期待できる更新の種類について説明します。
aria-modal

要素が表示されるときにモーダルかどうかを示します。
aria-multiline

テキスト ボックスが複数行の入力を受け入れるか、1 行のみを受け入れるかを示します。
aria-multiselectable

ユーザーが現在選択可能な子孫から複数の項目を選択することを示します。
aria-orientation

要素の向きが水平方向、垂直方向、または不明/あいまいかどうかを示します。
aria-owns

DOM 階層を使用してリレーションシップを表すことができない DOM 要素間の視覚的、機能的、またはコンテキスト的な親子関係を定義するために、要素 (または要素) を識別します。

aria-controls を参照してください。
aria-placeholder

コントロールに値がない場合に、ユーザーがデータ入力を支援することを目的とした短いヒント (単語または短い語句) を定義します。 ヒントには、サンプル値や、予想される形式の簡単な説明を指定できます。
aria-posinset

リスト 項目またはツリー 項目の現在のセット内の要素の数または位置を定義します。 セット内のすべての要素が DOM に存在する場合は必須ではありません。

aria-setsize を参照してください。
aria-pressed

トグル ボタンの現在の "押された" 状態を示します。

aria-checked を参照してください。aria-selected を参照してください。
aria-readonly

要素が編集可能でなく、それ以外の場合は操作可能であることを示します。

「aria-disabled」を参照してください。
aria-relevant

ライブ リージョン内のアクセシビリティ ツリーが変更されたときにユーザー エージェントがトリガーする通知を示します。

aria-atomic を参照してください。
aria-required

フォームを送信する前に、要素にユーザー入力が必要であることを示します。
aria-roledescription

要素のロールに対して、人間が判読できる作成者がローカライズした説明を定義します。
aria-rowcount

テーブル、グリッド、またはツリーグリッド内の行の合計数を定義します。

aria-rowindex を参照してください。
aria-rowindex

テーブル、グリッド、またはツリーグリッド内の行の合計数に関して、要素の行インデックスまたは位置を定義します。

aria-rowcount を参照してください。aria-rowspan を参照してください。
aria-rowindextext

人間が読めるテキストの代替手段である aria-rowindex を定義します。

aria-colindextext を参照してください。
aria-rowspan

テーブル、グリッド、またはツリーグリッド内のセルまたはグリッドセルによってスパンされる行の数を定義します。

aria-rowindex を参照してください。aria-colspan を参照してください。
aria-selected

さまざまなウィジェットの現在の "選択済み" 状態を示します。

「aria-checked aria-pressed」を参照してください。
aria-setsize

現在のリスト 項目またはツリー 項目のセット内の項目の数を定義します。 セット内のすべての要素が DOM に存在する場合は必須ではありません。

aria-posinset を参照してください。
aria-sort

テーブルまたはグリッド内の項目を昇順または降順で並べ替えるかどうかを示します。
aria-valuemax

範囲ウィジェットの最大値を定義します。
aria-valuemin

範囲ウィジェットの最小値を定義します。
aria-valuenow

範囲ウィジェットの現在の値を定義します。

aria-valuetext を参照してください。
aria-valuetext

範囲ウィジェットの aria-valuenow の人間が判読できるテキストの代替手段を定義します。
ariaLabel

スクリーン リーダーの利点を得るためのメッセージ バーの説明。
autoCapitalize
autoCorrect
autoFocus
autoSave
children
className

MessageBar に適用する追加の CSS クラス。
color
componentRef

IMessageBar インターフェイスにアクセスするための省略可能なコールバック。 コンポーネントのパブリック メソッドとプロパティにアクセスする場合は、ref の代わりにこれを使用します。
content
contentEditable
contextMenu
dangerouslySetInnerHTML
datatype
defaultChecked
defaultValue
delayedRender

既定では、MessageBar は内部ライブ リージョン内でそのコンテンツを遅延レンダリングし、スクリーン リーダーによって確実に発表されるようにします。 このプロパティを falseに設定すると、その動作を無効にできます。

この prop を falseに設定した場合は、適切なアナウンスを行うには、次のいずれかを行う必要があります。

  • 必要に応じて、role prop が alert に設定されていることを確認します (messageBarType が error、blocked、または severeWarningの場合は既定で実行されます)、OR
  • role プロパティを none に設定し (入れ子になった status 領域を回避するため)、常にレンダリングされる <div role="status"> で MessageBar 全体をラップし、MessageBar が条件付きまたは遅延でレンダリングされるようにします。
dir
dismissButtonAriaLabel

onDismiss が定義されている場合、閉じるボタンの Aria ラベル。
dismissIconProps

閉じるアイコンを置き換えるカスタム アイコン のプロパティ。 設定を解除すると、既定値は [ファブリッククリア] アイコンになります。
draggable
enterKeyHint
expandButtonProps

MessageBar の展開ボタンに適用できるボタン のプロパティ。
exportparts

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts を参照してください
hidden
id
inlist
inputMode

要素またはその内容の編集中にユーザーが入力する可能性があるデータの種類に関するヒント

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute を参照してください
is

標準 HTML 要素が定義済みのカスタム組み込み要素のように動作するように指定する

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is を参照してください
isMultiline

メッセージ バーが複数行になっているかどうかを判断します。 false の場合、テキストがボタンまたは別の行にオーバーフローすると、テキストはクリップされます。
itemID
itemProp
itemRef
itemScope
itemType
key
lang
messageBarIconProps

メッセージ バー アイコンを置き換えるカスタム アイコン のプロパティ。 未設定の場合、既定値は messageBarType によって設定されたアイコンになります。
messageBarType

レンダリングする MessageBar の型。
nonce
onAbort
onAbortCapture
onAnimationEnd
onAnimationEndCapture
onAnimationIteration
onAnimationIterationCapture
onAnimationStart
onAnimationStartCapture
onAuxClick
onAuxClickCapture
onBeforeInput
onBeforeInputCapture
onBlur
onBlurCapture
onCanPlay
onCanPlayCapture
onCanPlayThrough
onCanPlayThroughCapture
onChange
onChangeCapture
onClick
onClickCapture
onCompositionEnd
onCompositionEndCapture
onCompositionStart
onCompositionStartCapture
onCompositionUpdate
onCompositionUpdateCapture
onContextMenu
onContextMenuCapture
onCopy
onCopyCapture
onCut
onCutCapture
onDismiss

メッセージ バーに閉じるボタンとそのコールバックがあるかどうか。 null の場合、閉じるボタンは表示されません。
onDoubleClick
onDoubleClickCapture
onDrag
onDragCapture
onDragEnd
onDragEndCapture
onDragEnter
onDragEnterCapture
onDragExit
onDragExitCapture
onDragLeave
onDragLeaveCapture
onDragOver
onDragOverCapture
onDragStart
onDragStartCapture
onDrop
onDropCapture
onDurationChange
onDurationChangeCapture
onEmptied
onEmptiedCapture
onEncrypted
onEncryptedCapture
onEnded
onEndedCapture
onError
onErrorCapture
onExpandButtonToggled

展開ボタンが切り替わったときに実行するコールバック
onFocus
onFocusCapture
onGotPointerCapture
onGotPointerCaptureCapture
onInput
onInputCapture
onInvalid
onInvalidCapture
onKeyDown
onKeyDownCapture
onKeyPress
onKeyPressCapture
onKeyUp
onKeyUpCapture
onLoad
onLoadCapture
onLoadedData
onLoadedDataCapture
onLoadedMetadata
onLoadedMetadataCapture
onLoadStart
onLoadStartCapture
onLostPointerCapture
onLostPointerCaptureCapture
onMouseDown
onMouseDownCapture
onMouseEnter
onMouseLeave
onMouseMove
onMouseMoveCapture
onMouseOut
onMouseOutCapture
onMouseOver
onMouseOverCapture
onMouseUp
onMouseUpCapture
onPaste
onPasteCapture
onPause
onPauseCapture
onPlay
onPlayCapture
onPlaying
onPlayingCapture
onPointerCancel
onPointerCancelCapture
onPointerDown
onPointerDownCapture
onPointerEnter
onPointerLeave
onPointerMove
onPointerMoveCapture
onPointerOut
onPointerOutCapture
onPointerOver
onPointerOverCapture
onPointerUp
onPointerUpCapture
onProgress
onProgressCapture
onRateChange
onRateChangeCapture
onReset
onResetCapture
onScroll
onScrollCapture
onSeeked
onSeekedCapture
onSeeking
onSeekingCapture
onSelect
onSelectCapture
onStalled
onStalledCapture
onSubmit
onSubmitCapture
onSuspend
onSuspendCapture
onTimeUpdate
onTimeUpdateCapture
onTouchCancel
onTouchCancelCapture
onTouchEnd
onTouchEndCapture
onTouchMove
onTouchMoveCapture
onTouchStart
onTouchStartCapture
onTransitionEnd
onTransitionEndCapture
onVolumeChange
onVolumeChangeCapture
onWaiting
onWaitingCapture
onWheel
onWheelCapture
overflowButtonAriaLabel

切り捨てが定義されている場合はオーバーフロー ボタンの Aria ラベル。
part

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part を参照してください
prefix
property
radioGroup
ref

コンポーネントインスタンスへの参照を取得できます。 コンポーネントがアンマウントされると、React は ref.current を null に設定します (または、コールバック ref を渡した場合は null で ref を呼び出します)。

React Docs を見る
rel
resource
results
rev
role

MessageBar に適用するカスタム ロール。
security
showExpandButton

展開/折りたたみアイコンを表示するオプションのオーバーライド。 デフォルトでは、アクションがない 1 行の切り捨てられた MessageBar にのみ表示されます。
slot
spellCheck
style
styles

バリアント ルールの上に重ねて表示されるカスタマイズされたスタイルを提供する呼び出し。
suppressContentEditableWarning
suppressHydrationWarning
tabIndex
theme

テーマ (カスタマイズによって提供されます)。
title
translate
truncated

メッセージ バーのテキストが切り捨てられるかどうかを判断します。 true の場合、ボタンは単一行ビューと複数行ビューを切り替えるためにレンダリングされます。 このプロパティは、限られたスペースシナリオでのみボタンのない単一行のメッセージ バー用です。
typeof
unselectable
vocab

プロパティの詳細

activeErrorMessages

現在アクティブなエラー。

activeErrorMessages: ActiveErrorMessage[]

プロパティ値

ActiveErrorMessage[]

ignorePremountErrors

設定した場合、タイムスタンプ このコンポーネントがマウントされた時点より古いエラーは表示されません。

これは、複数の呼び出しまたはチャット スレッドを処理するステートフル クライアントで ErrorBar を使用する場合に便利です。 前の通話またはチャットからのエラーを無視するには、このプロパティを設定します。

ignorePremountErrors?: boolean

プロパティ値

boolean

onDismissError

閉じるボタンがトリガーされたときに呼び出されるコールバック。 これを使用して、ユーザーが無視したときに表示されるエラーを制御します。

onDismissError?: (dismissedError: ActiveErrorMessage) => void

プロパティ値

(dismissedError: ActiveErrorMessage) => void

strings

エラー時に UI に表示される文字列。

strings?: ErrorBarStrings

プロパティ値

ErrorBarStrings

継承されたプロパティの詳細

about 

about?: string

プロパティ値

string

IMessageBarProps.about から継承

accessKey 

accessKey?: string

プロパティ値

string

IMessageBarProps.accessKey から継承

actions

反対側に表示するアクション。

actions?: JSXElement

プロパティ値

JSXElement

IMessageBarProps.actions から継承

aria-activedescendant

DOM フォーカスが複合ウィジェット、テキスト ボックス、グループ、またはアプリケーション上にある場合に、現在アクティブな要素を識別します。

aria-activedescendant?: string

プロパティ値

string

IMessageBarProps.aria-activedescendant 継承された

aria-atomic

支援技術が、aria 関連属性によって定義された変更通知に基づいて、変更されたリージョンのすべてまたは一部のみを表示するかどうかを示します。

aria-atomic?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-atomic から継承

aria-autocomplete

テキストを入力すると、入力に対するユーザーの意図した値の 1 つ以上の予測の表示がトリガーされるかどうかを示し、予測が行われた場合の予測の表示方法を指定します。

aria-autocomplete?: "none" | "list" | "inline" | "both"

プロパティ値

"none" | "list" | "inline" | "both"

IMessageBarProps.aria-autocomplete から継承された

aria-braillelabel

点字に変換するための現在の要素にラベルを付ける文字列値を定義します。

aria-label を参照してください。

aria-braillelabel?: string

プロパティ値

string

継承元 IMessageBarProps.aria-braillelabel

aria-brailleroledescription

点字に変換することを目的とした要素の役割について、人間が判読でき、著者にローカライズされた省略形の説明を定義します。

aria-roledescription を参照してください。

aria-brailleroledescription?: string

プロパティ値

string

継承元 IMessageBarProps.aria-brailleroledescription

aria-busy 

aria-busy?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-busy から継承された

aria-checked

チェックボックス、ラジオ ボタン、およびその他のウィジェットの現在の "checked" 状態を示します。

「aria-pressed See aria-selected」を参照してください。

aria-checked?: boolean | "true" | "false" | "mixed"

プロパティ値

boolean | "true" | "false" | "mixed"

IMessageBarProps.aria-checked 継承された

aria-colcount

テーブル、グリッド、またはツリーグリッド内の列の合計数を定義します。

aria-colindex を参照してください。

aria-colcount?: number

プロパティ値

number

IMessageBarProps.aria-colcount から継承された

aria-colindex

テーブル、グリッド、またはツリーグリッド内の列の合計数に関して、要素の列インデックスまたは位置を定義します。

aria-colcount を参照してください。aria-colspan を参照してください。

aria-colindex?: number

プロパティ値

number

IMessageBarProps.aria-colindex から継承された

aria-colindextext

人間が読めるテキストの代替 aria-colindex を定義します。

aria-rowindextext を参照してください。

aria-colindextext?: string

プロパティ値

string

継承元 IMessageBarProps.aria-colindextext

aria-colspan

テーブル、グリッド、またはツリーグリッド内のセルまたはグリッドセルによってスパンされる列の数を定義します。

aria-colindex を参照してください。aria-rowspan を参照してください。

aria-colspan?: number

プロパティ値

number

IMessageBarProps.aria-colspan から継承された

aria-controls

コンテンツまたはプレゼンスが現在の要素によって制御される要素 (または要素) を識別します。

「aria-owns」を参照してください。

aria-controls?: string

プロパティ値

string

IMessageBarProps.aria-controls から継承

aria-current

コンテナーまたは関連する要素のセット内の現在の項目を表す要素を示します。

aria-current?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"

プロパティ値

boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"

IMessageBarProps.aria-current から継承された

aria-describedby

オブジェクトを記述する要素 (または要素) を識別します。

aria-labelledby を参照してください

aria-describedby?: string

プロパティ値

string

IMessageBarProps.aria-describedby から継承された

aria-description

現在の要素を記述または注釈を付ける文字列値を定義します。

関連する aria-describedby を参照してください。

aria-description?: string

プロパティ値

string

継承元 IMessageBarProps.aria-説明

aria-details

オブジェクトの詳細な拡張説明を提供する要素を識別します。

aria-describedby を参照してください。

aria-details?: string

プロパティ値

string

IMessageBarProps.aria-details から継承された

aria-disabled

要素が認識可能だが無効になっているため、編集できないか、操作可能ではないことを示します。

aria-hidden を参照してください。aria-readonly を参照してください。

aria-disabled?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-disabled から継承された

aria-dropeffect

警告

この API は非推奨になりました。

in ARIA 1.1

ドラッグされたオブジェクトがドロップ ターゲットで解放されたときに実行できる関数を示します。

aria-dropeffect?: "none" | "link" | "copy" | "execute" | "move" | "popup"

プロパティ値

"none" | "link" | "copy" | "execute" | "move" | "popup"

IMessageBarProps.aria-dropeffect から継承された

aria-errormessage

オブジェクトのエラー メッセージを提供する要素を識別します。

aria-invalid を参照してください。aria-describedby を参照してください。

aria-errormessage?: string

プロパティ値

string

IMessageBarProps.aria-errormessage 継承された

aria-expanded

要素またはその要素が制御する別のグループ化要素が現在展開されているか折りたたまれているかを示します。

aria-expanded?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-expanded から継承された

aria-flowto

コンテンツの代替の読み取り順序で次の要素 (または要素) を識別します。ユーザーの判断により、支援技術はドキュメント ソースの順序で読み取りの一般的な既定値をオーバーライドできます。

aria-flowto?: string

プロパティ値

string

IMessageBarProps.aria-flowto から継承された

aria-grabbed

警告

この API は非推奨になりました。

in ARIA 1.1

ドラッグ アンド ドロップ操作での要素の "グラブ" 状態を示します。

aria-grabbed?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-grabbed から継承された

aria-haspopup

要素によってトリガーできる対話型ポップアップ要素 (メニューやダイアログなど) の可用性と種類を示します。

aria-haspopup?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"

プロパティ値

boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"

IMessageBarProps.aria-haspopup から継承された

aria-hidden

要素がアクセシビリティ API に公開されているかどうかを示します。

「aria-disabled」を参照してください。

aria-hidden?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-hidden から継承

aria-invalid

入力された値が、アプリケーションで想定される形式に準拠していないことを示します。

aria-errormessage を参照してください。

aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"

プロパティ値

boolean | "true" | "false" | "grammar" | "spelling"

IMessageBarProps.aria-invalid から継承

aria-keyshortcuts

要素をアクティブ化またはフォーカスを与えるために作成者が実装したキーボード ショートカットを示します。

aria-keyshortcuts?: string

プロパティ値

string

IMessageBarProps.aria-keyshortcuts から継承された

aria-label

現在の要素にラベルを付け、文字列値を定義します。

aria-labelledby を参照してください。

aria-label?: string

プロパティ値

string

IMessageBarProps.aria-label から継承

aria-labelledby

現在の要素にラベル付けする要素 (または要素) を識別します。

aria-describedby を参照してください。

aria-labelledby?: string

プロパティ値

string

IMessageBarProps.aria-labelledby から継承された

aria-level

構造体内の要素の階層レベルを定義します。

aria-level?: number

プロパティ値

number

IMessageBarProps.aria-level から継承

aria-live

要素が更新されることを示し、ユーザー エージェント、支援技術、およびユーザーがライブ リージョンから期待できる更新の種類について説明します。

aria-live?: "assertive" | "off" | "polite"

プロパティ値

"assertive" | "off" | "polite"

IMessageBarProps.aria-live から継承された

aria-modal

要素が表示されるときにモーダルかどうかを示します。

aria-modal?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-modal 継承された

aria-multiline

テキスト ボックスが複数行の入力を受け入れるか、1 行のみを受け入れるかを示します。

aria-multiline?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-multiline から継承

aria-multiselectable

ユーザーが現在選択可能な子孫から複数の項目を選択することを示します。

aria-multiselectable?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-multiselectable から継承された

aria-orientation

要素の向きが水平方向、垂直方向、または不明/あいまいかどうかを示します。

aria-orientation?: "horizontal" | "vertical"

プロパティ値

"horizontal" | "vertical"

IMessageBarProps.aria-orientation 継承された

aria-owns

DOM 階層を使用してリレーションシップを表すことができない DOM 要素間の視覚的、機能的、またはコンテキスト的な親子関係を定義するために、要素 (または要素) を識別します。

aria-controls を参照してください。

aria-owns?: string

プロパティ値

string

IMessageBarProps.aria-owns から継承

aria-placeholder

コントロールに値がない場合に、ユーザーがデータ入力を支援することを目的とした短いヒント (単語または短い語句) を定義します。 ヒントには、サンプル値や、予想される形式の簡単な説明を指定できます。

aria-placeholder?: string

プロパティ値

string

IMessageBarProps.aria-placeholder から継承

aria-posinset

リスト 項目またはツリー 項目の現在のセット内の要素の数または位置を定義します。 セット内のすべての要素が DOM に存在する場合は必須ではありません。

aria-setsize を参照してください。

aria-posinset?: number

プロパティ値

number

IMessageBarProps.aria-posinset から継承された

aria-pressed

トグル ボタンの現在の "押された" 状態を示します。

aria-checked を参照してください。aria-selected を参照してください。

aria-pressed?: boolean | "true" | "false" | "mixed"

プロパティ値

boolean | "true" | "false" | "mixed"

IMessageBarProps.aria-pressed から継承された

aria-readonly

要素が編集可能でなく、それ以外の場合は操作可能であることを示します。

「aria-disabled」を参照してください。

aria-readonly?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-readonly から継承された

aria-relevant

ライブ リージョン内のアクセシビリティ ツリーが変更されたときにユーザー エージェントがトリガーする通知を示します。

aria-atomic を参照してください。

aria-relevant?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"

プロパティ値

"text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"

IMessageBarProps.aria-relevant から継承された

aria-required

フォームを送信する前に、要素にユーザー入力が必要であることを示します。

aria-required?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-required から継承された

aria-roledescription

要素のロールに対して、人間が判読できる作成者がローカライズした説明を定義します。

aria-roledescription?: string

プロパティ値

string

IMessageBarProps.aria-roledescription から継承された

aria-rowcount

テーブル、グリッド、またはツリーグリッド内の行の合計数を定義します。

aria-rowindex を参照してください。

aria-rowcount?: number

プロパティ値

number

IMessageBarProps.aria-rowcount から継承

aria-rowindex

テーブル、グリッド、またはツリーグリッド内の行の合計数に関して、要素の行インデックスまたは位置を定義します。

aria-rowcount を参照してください。aria-rowspan を参照してください。

aria-rowindex?: number

プロパティ値

number

IMessageBarProps.aria-rowindex 継承された

aria-rowindextext

人間が読めるテキストの代替手段である aria-rowindex を定義します。

aria-colindextext を参照してください。

aria-rowindextext?: string

プロパティ値

string

継承元 IMessageBarProps.aria-rowindextext

aria-rowspan

テーブル、グリッド、またはツリーグリッド内のセルまたはグリッドセルによってスパンされる行の数を定義します。

aria-rowindex を参照してください。aria-colspan を参照してください。

aria-rowspan?: number

プロパティ値

number

IMessageBarProps.aria-rowspan から継承された

aria-selected

さまざまなウィジェットの現在の "選択済み" 状態を示します。

「aria-checked aria-pressed」を参照してください。

aria-selected?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.aria-selected から継承

aria-setsize

現在のリスト 項目またはツリー 項目のセット内の項目の数を定義します。 セット内のすべての要素が DOM に存在する場合は必須ではありません。

aria-posinset を参照してください。

aria-setsize?: number

プロパティ値

number

IMessageBarProps.aria-setsize から継承

aria-sort

テーブルまたはグリッド内の項目を昇順または降順で並べ替えるかどうかを示します。

aria-sort?: "none" | "ascending" | "descending" | "other"

プロパティ値

"none" | "ascending" | "descending" | "other"

IMessageBarProps.aria-sort 継承された

aria-valuemax

範囲ウィジェットの最大値を定義します。

aria-valuemax?: number

プロパティ値

number

IMessageBarProps.aria-valuemax から継承された

aria-valuemin

範囲ウィジェットの最小値を定義します。

aria-valuemin?: number

プロパティ値

number

IMessageBarProps.aria-valuemin から継承された

aria-valuenow

範囲ウィジェットの現在の値を定義します。

aria-valuetext を参照してください。

aria-valuenow?: number

プロパティ値

number

IMessageBarProps.aria-valuenow から継承された

aria-valuetext

範囲ウィジェットの aria-valuenow の人間が判読できるテキストの代替手段を定義します。

aria-valuetext?: string

プロパティ値

string

IMessageBarProps.aria-valuetext 継承された

ariaLabel

警告

この API は非推奨になりました。

Use native prop aria-label instead.

スクリーン リーダーの利点を得るためのメッセージ バーの説明。

ariaLabel?: string

プロパティ値

string

IMessageBarProps.ariaLabel から継承

autoCapitalize 

autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})

プロパティ値

"off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {})

IMessageBarProps.autoCapitalize から継承

autoCorrect 

autoCorrect?: string

プロパティ値

string

IMessageBarProps.autoCorrect から継承

autoFocus 

autoFocus?: boolean

プロパティ値

boolean

IMessageBarProps.autoFocus から継承された

autoSave 

autoSave?: string

プロパティ値

string

IMessageBarProps.autoSave から継承

children 

children?: ReactNode

プロパティ値

ReactNode

IMessageBarProps.children から継承

className

MessageBar に適用する追加の CSS クラス。

className?: string

プロパティ値

string

IMessageBarProps.className から継承

color 

color?: string

プロパティ値

string

IMessageBarProps.color から継承

componentRef

IMessageBar インターフェイスにアクセスするための省略可能なコールバック。 コンポーネントのパブリック メソッドとプロパティにアクセスする場合は、ref の代わりにこれを使用します。

componentRef?: IRefObject<IMessageBar>

プロパティ値

IRefObject<IMessageBar>

IMessageBarProps.componentRef から継承

content 

content?: string

プロパティ値

string

IMessageBarProps.content から継承

contentEditable 

contentEditable?: Booleanish | "inherit" | "plaintext-only"

プロパティ値

Booleanish | "inherit" | "plaintext-only"

IMessageBarProps.contentEditable から継承

contextMenu 

contextMenu?: string

プロパティ値

string

IMessageBarProps.contextMenu から継承

dangerouslySetInnerHTML 

dangerouslySetInnerHTML?: { __html: string | TrustedHTML }

プロパティ値

{ __html: string | TrustedHTML }

IMessageBarProps.dangerouslySetInnerHTML から継承された

datatype 

datatype?: string

プロパティ値

string

IMessageBarProps.datatype から継承

defaultChecked 

defaultChecked?: boolean

プロパティ値

boolean

IMessageBarProps.defaultChecked から継承

defaultValue 

defaultValue?: string | number | (readonly string[])

プロパティ値

string | number | (readonly string[])

IMessageBarProps.defaultValue から継承

delayedRender

既定では、MessageBar は内部ライブ リージョン内でそのコンテンツを遅延レンダリングし、スクリーン リーダーによって確実に発表されるようにします。 このプロパティを falseに設定すると、その動作を無効にできます。

この prop を falseに設定した場合は、適切なアナウンスを行うには、次のいずれかを行う必要があります。

  • 必要に応じて、role prop が alert に設定されていることを確認します (messageBarType が error、blocked、または severeWarningの場合は既定で実行されます)、OR
  • role プロパティを none に設定し (入れ子になった status 領域を回避するため)、常にレンダリングされる <div role="status"> で MessageBar 全体をラップし、MessageBar が条件付きまたは遅延でレンダリングされるようにします。
delayedRender?: boolean

プロパティ値

boolean

IMessageBarProps.delayedRender から継承

dir 

dir?: string

プロパティ値

string

IMessageBarProps.dir から継承

dismissButtonAriaLabel

onDismiss が定義されている場合、閉じるボタンの Aria ラベル。

dismissButtonAriaLabel?: string

プロパティ値

string

IMessageBarProps.dismissButtonAriaLabel 継承された

dismissIconProps

閉じるアイコンを置き換えるカスタム アイコン のプロパティ。 設定を解除すると、既定値は [ファブリッククリア] アイコンになります。

dismissIconProps?: IIconProps

プロパティ値

IIconProps

IMessageBarProps.dismissIconProps から継承

draggable 

draggable?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.draggable から継承

enterKeyHint 

enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send"

プロパティ値

"enter" | "done" | "go" | "next" | "previous" | "search" | "send"

IMessageBarProps.enterKeyHint から継承

expandButtonProps

MessageBar の展開ボタンに適用できるボタン のプロパティ。

expandButtonProps?: IButtonProps

プロパティ値

IButtonProps

IMessageBarProps.expandButtonProps から継承

exportparts

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts を参照してください

exportparts?: string

プロパティ値

string

IMessageBarProps.exportparts から継承

hidden 

hidden?: boolean

プロパティ値

boolean

IMessageBarProps.hidden から継承

id 

id?: string

プロパティ値

string

IMessageBarProps.id から継承された

inlist 

inlist?: any

プロパティ値

any

IMessageBarProps.inlist から継承

inputMode

要素またはその内容の編集中にユーザーが入力する可能性があるデータの種類に関するヒント

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute を参照してください

inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"

プロパティ値

"none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"

IMessageBarProps.inputMode 継承された

is

標準 HTML 要素が定義済みのカスタム組み込み要素のように動作するように指定する

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is を参照してください

is?: string

プロパティ値

string

IMessageBarProps.is から継承された

isMultiline

メッセージ バーが複数行になっているかどうかを判断します。 false の場合、テキストがボタンまたは別の行にオーバーフローすると、テキストはクリップされます。

isMultiline?: boolean

プロパティ値

boolean

IMessageBarProps.isMultiline 継承された

itemID 

itemID?: string

プロパティ値

string

IMessageBarProps.itemID から継承

itemProp 

itemProp?: string

プロパティ値

string

IMessageBarProps.itemProp から継承

itemRef 

itemRef?: string

プロパティ値

string

IMessageBarProps.itemRef から継承

itemScope 

itemScope?: boolean

プロパティ値

boolean

IMessageBarProps.itemScope から継承された

itemType 

itemType?: string

プロパティ値

string

IMessageBarProps.itemType から継承

key 

key?: null | Key

プロパティ値

null | Key

IMessageBarProps.key から継承された

lang 

lang?: string

プロパティ値

string

IMessageBarProps.lang から継承

messageBarIconProps

メッセージ バー アイコンを置き換えるカスタム アイコン のプロパティ。 未設定の場合、既定値は messageBarType によって設定されたアイコンになります。

messageBarIconProps?: IIconProps

プロパティ値

IIconProps

IMessageBarProps.messageBarIconProps から継承

messageBarType

レンダリングする MessageBar の型。

messageBarType?: MessageBarType

プロパティ値

MessageBarType

IMessageBarProps.messageBarType から継承

nonce 

nonce?: string

プロパティ値

string

IMessageBarProps.nonce から継承

onAbort 

onAbort?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onAbort から継承

onAbortCapture 

onAbortCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onAbortCapture から継承

onAnimationEnd 

onAnimationEnd?: AnimationEventHandler<HTMLElement>

プロパティ値

AnimationEventHandler<HTMLElement>

IMessageBarProps.onAnimationEnd から継承された

onAnimationEndCapture 

onAnimationEndCapture?: AnimationEventHandler<HTMLElement>

プロパティ値

AnimationEventHandler<HTMLElement>

IMessageBarProps.onAnimationEndCapture から継承された

onAnimationIteration 

onAnimationIteration?: AnimationEventHandler<HTMLElement>

プロパティ値

AnimationEventHandler<HTMLElement>

IMessageBarProps.onAnimationIteration 継承された

onAnimationIterationCapture 

onAnimationIterationCapture?: AnimationEventHandler<HTMLElement>

プロパティ値

AnimationEventHandler<HTMLElement>

IMessageBarProps.onAnimationIterationCapture から継承された

onAnimationStart 

onAnimationStart?: AnimationEventHandler<HTMLElement>

プロパティ値

AnimationEventHandler<HTMLElement>

IMessageBarProps.onAnimationStart 継承された

onAnimationStartCapture 

onAnimationStartCapture?: AnimationEventHandler<HTMLElement>

プロパティ値

AnimationEventHandler<HTMLElement>

IMessageBarProps.onAnimationStartCapture から継承された

onAuxClick 

onAuxClick?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onAuxClick から継承

onAuxClickCapture 

onAuxClickCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onAuxClickCapture から継承された

onBeforeInput 

onBeforeInput?: InputEventHandler<HTMLElement>

プロパティ値

InputEventHandler<HTMLElement>

IMessageBarProps.onBeforeInput から継承

onBeforeInputCapture 

onBeforeInputCapture?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onBeforeInputCapture から継承された

onBlur 

onBlur?: FocusEventHandler<HTMLElement>

プロパティ値

FocusEventHandler<HTMLElement>

IMessageBarProps.onBlur から継承

onBlurCapture 

onBlurCapture?: FocusEventHandler<HTMLElement>

プロパティ値

FocusEventHandler<HTMLElement>

IMessageBarProps.onBlurCapture から継承

onCanPlay 

onCanPlay?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onCanPlay から継承

onCanPlayCapture 

onCanPlayCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onCanPlayCapture から継承

onCanPlayThrough 

onCanPlayThrough?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onCanPlayThrough から継承

onCanPlayThroughCapture 

onCanPlayThroughCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onCanPlayThroughCapture から継承された

onChange 

onChange?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onChange から継承

onChangeCapture 

onChangeCapture?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onChangeCapture から継承

onClick 

onClick?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onClick から継承

onClickCapture 

onClickCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onClickCapture から継承

onCompositionEnd 

onCompositionEnd?: CompositionEventHandler<HTMLElement>

プロパティ値

CompositionEventHandler<HTMLElement>

IMessageBarProps.onCompositionEnd から継承

onCompositionEndCapture 

onCompositionEndCapture?: CompositionEventHandler<HTMLElement>

プロパティ値

CompositionEventHandler<HTMLElement>

IMessageBarProps.onCompositionEndCapture から継承

onCompositionStart 

onCompositionStart?: CompositionEventHandler<HTMLElement>

プロパティ値

CompositionEventHandler<HTMLElement>

IMessageBarProps.onCompositionStart から継承

onCompositionStartCapture 

onCompositionStartCapture?: CompositionEventHandler<HTMLElement>

プロパティ値

CompositionEventHandler<HTMLElement>

IMessageBarProps.onCompositionStartCapture から継承された

onCompositionUpdate 

onCompositionUpdate?: CompositionEventHandler<HTMLElement>

プロパティ値

CompositionEventHandler<HTMLElement>

IMessageBarProps.onCompositionUpdate から継承された

onCompositionUpdateCapture 

onCompositionUpdateCapture?: CompositionEventHandler<HTMLElement>

プロパティ値

CompositionEventHandler<HTMLElement>

IMessageBarProps.onCompositionUpdateCapture から継承された

onContextMenu 

onContextMenu?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onContextMenu から継承

onContextMenuCapture 

onContextMenuCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onContextMenuCapture から継承された

onCopy 

onCopy?: ClipboardEventHandler<HTMLElement>

プロパティ値

ClipboardEventHandler<HTMLElement>

IMessageBarProps.onCopy から継承

onCopyCapture 

onCopyCapture?: ClipboardEventHandler<HTMLElement>

プロパティ値

ClipboardEventHandler<HTMLElement>

IMessageBarProps.onCopyCapture から継承

onCut 

onCut?: ClipboardEventHandler<HTMLElement>

プロパティ値

ClipboardEventHandler<HTMLElement>

IMessageBarProps.onCut から継承

onCutCapture 

onCutCapture?: ClipboardEventHandler<HTMLElement>

プロパティ値

ClipboardEventHandler<HTMLElement>

IMessageBarProps.onCutCapture から継承

onDismiss

メッセージ バーに閉じるボタンとそのコールバックがあるかどうか。 null の場合、閉じるボタンは表示されません。

onDismiss?: (ev?: MouseEvent<HTMLElement | BaseButton | Button, MouseEvent>) => any

プロパティ値

(ev?: MouseEvent<HTMLElement | BaseButton | Button, MouseEvent>) => any

IMessageBarProps.onDismiss から継承された

onDoubleClick 

onDoubleClick?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onDoubleClick から継承された

onDoubleClickCapture 

onDoubleClickCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onDoubleClickCapture から継承された

onDrag 

onDrag?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDrag から継承

onDragCapture 

onDragCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragCapture から継承

onDragEnd 

onDragEnd?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragEnd から継承

onDragEndCapture 

onDragEndCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragEndCapture から継承された

onDragEnter 

onDragEnter?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragEnter から継承された

onDragEnterCapture 

onDragEnterCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragEnterCapture から継承

onDragExit 

onDragExit?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragExit から継承された

onDragExitCapture 

onDragExitCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragExitCapture 継承された

onDragLeave 

onDragLeave?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragLeave から継承

onDragLeaveCapture 

onDragLeaveCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragLeaveCapture から継承された

onDragOver 

onDragOver?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragOver から継承

onDragOverCapture 

onDragOverCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragOverCapture から継承

onDragStart 

onDragStart?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragStart から継承

onDragStartCapture 

onDragStartCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDragStartCapture から継承

onDrop 

onDrop?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDrop から継承

onDropCapture 

onDropCapture?: DragEventHandler<HTMLElement>

プロパティ値

DragEventHandler<HTMLElement>

IMessageBarProps.onDropCapture から継承

onDurationChange 

onDurationChange?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onDurationChange から継承された

onDurationChangeCapture 

onDurationChangeCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onDurationChangeCapture から継承された

onEmptied 

onEmptied?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onEmptied から継承

onEmptiedCapture 

onEmptiedCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onEmptiedCapture から継承された

onEncrypted 

onEncrypted?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onEncrypted から継承

onEncryptedCapture 

onEncryptedCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onEncryptedCapture から継承された

onEnded 

onEnded?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onEnded から継承

onEndedCapture 

onEndedCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onEndedCapture から継承

onError 

onError?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onError から継承

onErrorCapture 

onErrorCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onErrorCapture から継承

onExpandButtonToggled

展開ボタンが切り替わったときに実行するコールバック

onExpandButtonToggled?: (expandSingleLine: boolean) => void

プロパティ値

(expandSingleLine: boolean) => void

継承元 IMessageBarProps.onExpandButton切り替え

onFocus 

onFocus?: FocusEventHandler<HTMLElement>

プロパティ値

FocusEventHandler<HTMLElement>

IMessageBarProps.onFocus から継承

onFocusCapture 

onFocusCapture?: FocusEventHandler<HTMLElement>

プロパティ値

FocusEventHandler<HTMLElement>

IMessageBarProps.onFocusCapture から継承

onGotPointerCapture 

onGotPointerCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onGotPointerCapture から継承された

onGotPointerCaptureCapture 

onGotPointerCaptureCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onGotPointerCaptureCaptureCapture から継承されます

onInput 

onInput?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onInput から継承

onInputCapture 

onInputCapture?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onInputCapture から継承

onInvalid 

onInvalid?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onInvalid から継承された

onInvalidCapture 

onInvalidCapture?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onInvalidCapture から継承された

onKeyDown 

onKeyDown?: KeyboardEventHandler<HTMLElement>

プロパティ値

KeyboardEventHandler<HTMLElement>

IMessageBarProps.onKeyDown から継承

onKeyDownCapture 

onKeyDownCapture?: KeyboardEventHandler<HTMLElement>

プロパティ値

KeyboardEventHandler<HTMLElement>

IMessageBarProps.onKeyDownCapture から継承された

onKeyPress

警告

この API は非推奨になりました。

Use onKeyUp or onKeyDown instead

onKeyPress?: KeyboardEventHandler<HTMLElement>

プロパティ値

KeyboardEventHandler<HTMLElement>

IMessageBarProps.onKeyPress から継承された

onKeyPressCapture

警告

この API は非推奨になりました。

Use onKeyUpCapture or onKeyDownCapture instead

onKeyPressCapture?: KeyboardEventHandler<HTMLElement>

プロパティ値

KeyboardEventHandler<HTMLElement>

IMessageBarProps.onKeyPressCapture から継承された

onKeyUp 

onKeyUp?: KeyboardEventHandler<HTMLElement>

プロパティ値

KeyboardEventHandler<HTMLElement>

IMessageBarProps.onKeyUp から継承

onKeyUpCapture 

onKeyUpCapture?: KeyboardEventHandler<HTMLElement>

プロパティ値

KeyboardEventHandler<HTMLElement>

IMessageBarProps.onKeyUpCapture から継承された

onLoad 

onLoad?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoad から継承

onLoadCapture 

onLoadCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadCapture から継承された

onLoadedData 

onLoadedData?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadedData から継承された

onLoadedDataCapture 

onLoadedDataCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadedDataCapture から継承

onLoadedMetadata 

onLoadedMetadata?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadedMetadata から継承された

onLoadedMetadataCapture 

onLoadedMetadataCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadedMetadataCapture から継承された

onLoadStart 

onLoadStart?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadStart から継承された

onLoadStartCapture 

onLoadStartCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onLoadStartCapture から継承

onLostPointerCapture 

onLostPointerCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onLostPointerCapture から継承された

onLostPointerCaptureCapture 

onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onLostPointerCaptureCapture から継承された

onMouseDown 

onMouseDown?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseDown から継承された

onMouseDownCapture 

onMouseDownCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseDownCapture から継承された

onMouseEnter 

onMouseEnter?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseEnter から継承された

onMouseLeave 

onMouseLeave?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseLeave から継承

onMouseMove 

onMouseMove?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseMove から継承された

onMouseMoveCapture 

onMouseMoveCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseMoveCapture から継承された

onMouseOut 

onMouseOut?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseOut から継承

onMouseOutCapture 

onMouseOutCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseOutCapture から継承された

onMouseOver 

onMouseOver?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseOver から継承

onMouseOverCapture 

onMouseOverCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseOverCapture から継承

onMouseUp 

onMouseUp?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseUp から継承された

onMouseUpCapture 

onMouseUpCapture?: MouseEventHandler<HTMLElement>

プロパティ値

MouseEventHandler<HTMLElement>

IMessageBarProps.onMouseUpCapture から継承された

onPaste 

onPaste?: ClipboardEventHandler<HTMLElement>

プロパティ値

ClipboardEventHandler<HTMLElement>

IMessageBarProps.onPaste から継承

onPasteCapture 

onPasteCapture?: ClipboardEventHandler<HTMLElement>

プロパティ値

ClipboardEventHandler<HTMLElement>

IMessageBarProps.onPasteCapture から継承

onPause 

onPause?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onPause から継承

onPauseCapture 

onPauseCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onPauseCapture から継承

onPlay 

onPlay?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onPlay から継承

onPlayCapture 

onPlayCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onPlayCapture から継承

onPlaying 

onPlaying?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onPlaying から継承

onPlayingCapture 

onPlayingCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onPlayingCapture から継承された

onPointerCancel 

onPointerCancel?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerCancel から継承

onPointerCancelCapture 

onPointerCancelCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerCancelCapture から継承された

onPointerDown 

onPointerDown?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerDown から継承

onPointerDownCapture 

onPointerDownCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerDownCapture から継承された

onPointerEnter 

onPointerEnter?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerEnter から継承

onPointerLeave 

onPointerLeave?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerLeave から継承

onPointerMove 

onPointerMove?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerMove から継承

onPointerMoveCapture 

onPointerMoveCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerMoveCapture から継承された

onPointerOut 

onPointerOut?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerOut から継承

onPointerOutCapture 

onPointerOutCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerOutCapture から継承された

onPointerOver 

onPointerOver?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerOver から継承

onPointerOverCapture 

onPointerOverCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerOverCapture から継承された

onPointerUp 

onPointerUp?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerUp から継承された

onPointerUpCapture 

onPointerUpCapture?: PointerEventHandler<HTMLElement>

プロパティ値

PointerEventHandler<HTMLElement>

IMessageBarProps.onPointerUpCapture から継承された

onProgress 

onProgress?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onProgress から継承

onProgressCapture 

onProgressCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onProgressCapture から継承された

onRateChange 

onRateChange?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onRateChange 継承された

onRateChangeCapture 

onRateChangeCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onRateChangeCapture から継承された

onReset 

onReset?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onReset から継承

onResetCapture 

onResetCapture?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onResetCapture から継承された

onScroll 

onScroll?: UIEventHandler<HTMLElement>

プロパティ値

UIEventHandler<HTMLElement>

IMessageBarProps.onScroll から継承

onScrollCapture 

onScrollCapture?: UIEventHandler<HTMLElement>

プロパティ値

UIEventHandler<HTMLElement>

IMessageBarProps.onScrollCapture から継承された

onSeeked 

onSeeked?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSeeked から継承

onSeekedCapture 

onSeekedCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSeekedCapture から継承された

onSeeking 

onSeeking?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSeeking から継承

onSeekingCapture 

onSeekingCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSeekingCapture から継承された

onSelect 

onSelect?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSelect から継承

onSelectCapture 

onSelectCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSelectCapture から継承された

onStalled 

onStalled?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onStalled から継承

onStalledCapture 

onStalledCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onStalledCapture から継承された

onSubmit 

onSubmit?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onSubmit から継承

onSubmitCapture 

onSubmitCapture?: FormEventHandler<HTMLElement>

プロパティ値

FormEventHandler<HTMLElement>

IMessageBarProps.onSubmitCapture から継承

onSuspend 

onSuspend?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSuspend から継承

onSuspendCapture 

onSuspendCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onSuspendCapture から継承された

onTimeUpdate 

onTimeUpdate?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onTimeUpdate から継承

onTimeUpdateCapture 

onTimeUpdateCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onTimeUpdateCapture から継承された

onTouchCancel 

onTouchCancel?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchCancel から継承された

onTouchCancelCapture 

onTouchCancelCapture?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchCancelCapture から継承された

onTouchEnd 

onTouchEnd?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchEnd から継承

onTouchEndCapture 

onTouchEndCapture?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchEndCapture から継承された

onTouchMove 

onTouchMove?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchMove から継承

onTouchMoveCapture 

onTouchMoveCapture?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchMoveCapture から継承された

onTouchStart 

onTouchStart?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchStart から継承

onTouchStartCapture 

onTouchStartCapture?: TouchEventHandler<HTMLElement>

プロパティ値

TouchEventHandler<HTMLElement>

IMessageBarProps.onTouchStartCapture から継承された

onTransitionEnd 

onTransitionEnd?: TransitionEventHandler<HTMLElement>

プロパティ値

TransitionEventHandler<HTMLElement>

IMessageBarProps.onTransitionEnd から継承

onTransitionEndCapture 

onTransitionEndCapture?: TransitionEventHandler<HTMLElement>

プロパティ値

TransitionEventHandler<HTMLElement>

IMessageBarProps.onTransitionEndCapture から継承されます

onVolumeChange 

onVolumeChange?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onVolumeChange から継承

onVolumeChangeCapture 

onVolumeChangeCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onVolumeChangeCapture から継承された

onWaiting 

onWaiting?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onWaiting から継承

onWaitingCapture 

onWaitingCapture?: ReactEventHandler<HTMLElement>

プロパティ値

ReactEventHandler<HTMLElement>

IMessageBarProps.onWaitingCapture から継承された

onWheel 

onWheel?: WheelEventHandler<HTMLElement>

プロパティ値

WheelEventHandler<HTMLElement>

IMessageBarProps.onWheel から継承

onWheelCapture 

onWheelCapture?: WheelEventHandler<HTMLElement>

プロパティ値

WheelEventHandler<HTMLElement>

IMessageBarProps.onWheelCapture から継承された

overflowButtonAriaLabel

警告

この API は非推奨になりました。

Use expandButtonProps instead.

切り捨てが定義されている場合はオーバーフロー ボタンの Aria ラベル。

overflowButtonAriaLabel?: string

プロパティ値

string

IMessageBarProps.overflowButtonAriaLabel 継承された

part

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part を参照してください

part?: string

プロパティ値

string

IMessageBarProps.part から継承

prefix 

prefix?: string

プロパティ値

string

IMessageBarProps.prefix から継承

property 

property?: string

プロパティ値

string

IMessageBarProps.property から継承

radioGroup 

radioGroup?: string

プロパティ値

string

IMessageBarProps.radioGroup から継承

ref

コンポーネントインスタンスへの参照を取得できます。 コンポーネントがアンマウントされると、React は ref.current を null に設定します (または、コールバック ref を渡した場合は null で ref を呼び出します)。

React Docs を見る

ref?: LegacyRef<HTMLDivElement>

プロパティ値

LegacyRef<HTMLDivElement>

IMessageBarProps.ref から継承

rel 

rel?: string

プロパティ値

string

IMessageBarProps.rel から継承

resource 

resource?: string

プロパティ値

string

IMessageBarProps.resource から継承

results 

results?: number

プロパティ値

number

IMessageBarProps.results から継承

rev 

rev?: string

プロパティ値

string

IMessageBarProps.rev から継承

role

MessageBar に適用するカスタム ロール。

role?: "none" | "alert" | "status"

プロパティ値

"none" | "alert" | "status"

IMessageBarProps.role から継承

security 

security?: string

プロパティ値

string

IMessageBarProps.security から継承

showExpandButton

展開/折りたたみアイコンを表示するオプションのオーバーライド。 デフォルトでは、アクションがない 1 行の切り捨てられた MessageBar にのみ表示されます。

showExpandButton?: boolean

プロパティ値

boolean

継承元 IMessageBarProps.showExpandButton

slot 

slot?: string

プロパティ値

string

IMessageBarProps.slot から継承

spellCheck 

spellCheck?: Booleanish

プロパティ値

Booleanish

IMessageBarProps.spellCheck 継承された

style 

style?: CSSProperties

プロパティ値

CSSProperties

IMessageBarProps.style から継承

styles

バリアント ルールの上に重ねて表示されるカスタマイズされたスタイルを提供する呼び出し。

styles?: IStyleFunctionOrObject<IMessageBarStyleProps, IMessageBarStyles>

プロパティ値

IStyleFunctionOrObject<IMessageBarStyleProps, IMessageBarStyles>

IMessageBarProps.styles から継承

suppressContentEditableWarning 

suppressContentEditableWarning?: boolean

プロパティ値

boolean

IMessageBarProps.suppressContentEditableWarning から継承された

suppressHydrationWarning 

suppressHydrationWarning?: boolean

プロパティ値

boolean

IMessageBarProps.suppressHydrationWarning から継承された

tabIndex 

tabIndex?: number

プロパティ値

number

IMessageBarProps.tabIndex から継承

theme

テーマ (カスタマイズによって提供されます)。

theme?: ITheme

プロパティ値

ITheme

IMessageBarProps.theme から継承

title 

title?: string

プロパティ値

string

IMessageBarProps.title から継承

translate 

translate?: "yes" | "no"

プロパティ値

"yes" | "no"

IMessageBarProps.translate から継承

truncated

メッセージ バーのテキストが切り捨てられるかどうかを判断します。 true の場合、ボタンは単一行ビューと複数行ビューを切り替えるためにレンダリングされます。 このプロパティは、限られたスペースシナリオでのみボタンのない単一行のメッセージ バー用です。

truncated?: boolean

プロパティ値

boolean

IMessageBarProps.truncated から継承

typeof 

typeof?: string

プロパティ値

string

IMessageBarProps.typeof から継承

unselectable 

unselectable?: "off" | "on"

プロパティ値

"off" | "on"

IMessageBarProps.unselectable から継承

vocab 

vocab?: string

プロパティ値

string

IMessageBarProps.vocab から継承